Inspiration

Learning from YouTube is powerful, but often passive. We wanted to make it interactive—where learners can ask doubts instantly, get personalized answers, and reinforce knowledge through quizzes. The goal was to bridge the gap between video content and active learning.

What it does

LearnFlow AI is an AI-powered platform and browser extension that transforms YouTube into an interactive classroom. Users can pause a video to ask context-aware questions, get real-time clarifications, generate concise summaries, and even create quizzes from the video’s content. These quizzes can be shared with friends for collaborative learning, making education more engaging and social.

How we built it

We designed a Chrome extension in React that overlays on YouTube, capturing video timestamps and captions. This data is sent to a backend (Next.js + Vercel) integrated with GPT-based AI for context processing. Firebase stores quizzes and user sessions, while TTS/STT APIs enable voice interaction.

Challenges we ran into

  • Extracting accurate video context for AI processing.
  • Ensuring minimal latency for real-time responses.
  • Designing an overlay that’s intuitive but non-intrusive.

Accomplishments that we're proud of

  • Seamless YouTube integration with AI-driven Q&A.
  • Auto-generated quizzes directly from video transcripts.
  • A shareable quiz system for multiplayer learning.

What we learned

We learned how to combine browser APIs, AI models, and real-time user interaction to make learning immersive. User testing showed higher engagement and retention.

What's next for LearnFlow AI

We plan to expand to all major video platforms, add gamified leaderboards, support multi-language content, and introduce AI-driven learning paths for personalized skill growth.

Built With

Share this project:

Updates