Inspiration

We wanted to reimagine how people learn online—making it more personalized, interactive, and accessible. With Chrome’s built-in AI, we saw an opportunity to deliver smarter learning tools directly in the browser, with privacy and offline support

What it does

learnFlow Ai is a Chrome Extension that transforms the browser into a personal tutor. It offers:

  • AI chatbot for instant help and tutoring
  • Personalized learning paths based on user goals
  • Auto-generated notes and summaries from YouTube videos
  • Transcription and quiz generation from video content
  • Progress tracking and performance reports
  • eBook marketplace for buying and selling educational resources

How we built it

We used the following Chrome Built-in AI APIs:

  • Prompt API: to generate structured learning paths and quiz questions
  • Summarizer API: to distill YouTube video transcripts into concise notes
  • Proofreader API: to clean up user-generated content and notes
  • Writer API: to generate explanations and study guides
  • Rewriter API: to offer alternative phrasing for better understanding
  • Translator API: to support multilingual learners We also integrated Gemini Nano for local AI processing and built a hybrid strategy using Firebase AI Logic for syncing across devices.

Challenges we ran into

  • Handling multimodal input (video + text) efficiently
  • Ensuring quiz accuracy from diverse video content
  • Designing a clean UI that balances features with simplicity
  • Managing offline functionality while syncing progress

Accomplishments that we're proud of

  • Seamless YouTube integration with transcription and quiz generation
  • Fully client-side AI features with offline support
  • Dynamic eBook marketplace with user-generated listings
  • Positive feedback from early testers on usability and impact

What we learned

  • How to optimize AI APIs for educational workflows
  • The importance of privacy and offline access in learning tools
  • Real-world challenges of multimodal AI integration
  • How to design for scalability across devices and regions

What's next for learnFlow Ai

  • Launching mobile and tablet versions
  • Adding gamified learning and peer collaboration
  • Expanding the eBook marketplace with verified content
  • Partnering with educators and institutions for real-world deployment
  • Supporting more languages and accessibility features

Built With

  • chrom-builtin-voiceover
  • chrom-extension-api
  • django
  • drf
  • gemini-nano
  • html/scss
  • neon.tech
  • python
  • render
Share this project:

Updates