Noteflix

Stop scrubbing, start studying: Turn any YouTube lecture into structured, visual notes in seconds.

Comment

Inspiration

The genesis of NoteFlix came from a common frustration: the "passive learning trap." We spend hours watching brilliant lectures on YouTube, yet we often walk away with only a fuzzy memory of the content. Taking manual notes while watching is slow, and capturing diagrams usually involves a messy cycle of screenshots and file management. We wanted to create a tools that empowers the student to be a digital curator—seamlessly blending video insights with structured AI intelligence.

What it does

NoteFlix is a high-performance workspace designed for deep focus and efficient study:

Intelligent Foundations: It transforms any YouTube URL into a perfectly transcribed and AI-summarized set of notes. User-Driven Visuals: Instead of a "one-size-fits-all" approach, it gives you the power. Spotted an important diagram or a complex equation? One click captures that exact moment and embeds it beautifully into your notes. Dynamic Assessment: Instantly generates MCQ quizzes and flashcards based on the specific content you've processed. Conversational Knowledge: A global AI assistant that understands your entire library, allowing you to ask questions that bridge concepts across different lectures. Professional Portability: A built-in rich-text editor for final polishes before exporting your personal "textbook" to a structured PDF.

How we built it

The story of NoteFlix is about building a bridge between video, text, and the user's intent.

We started by creating a "listening" engine that handles the heavy lifting of transcription and synchronization. But we wanted the experience to feel more tactile. We spent a lot of time engineering the relationship between the video player and the editor; when a user sees something important, our backend captures the high-resolution frame from the source URL at that precise timestamp and instantly injects it into the notes without the user ever leaving their flow.

To make the system truly "smart," we integrated a multi-layered intelligence pipeline. We used lightening-fast language models to synthesize the text, and a vector database "memory" to store every lecture as a unique high-dimensional signature. This means when you chat with NoteFlix, it’s not searching for keywords—it’s searching for meaning, ensuring that your study assistant actually understands the concepts you're asking about.

Challenges we ran into

The primary challenge was Coordination. Harmonizing real-time video playback, instant frame-capture, and AI generation into a single, seamless user experience required a meticulous architecture. We had to optimize every layer of our stack—from the way we containerized our heavy AI models to handle scale, to ensuring the frontend could smoothly manage complex rich-text updates while the user is actively learning.

Accomplishments that we're proud of

The Seamless Capture: Achieving a sub-second loop between a user seeing a diagram on a YouTube video and that diagram appearing inside their structured notes. Neural Semantic Search: Building a RAG (Retrieval-Augmented Generation) system that understands the meaning of a student's question across hours of content, not just keywords. Hybrid Architecture: Successfully orchestrating a heavy AI backend with a lightning-fast frontend, providing a desktop-app feel within a web browser. The "Study-Ready" Pipeline: Creating a workflow that moves from a raw URL to a full study suite (notes, quizzes, flashcards) in a matter of clicks.

What we learned

This project shifted our focus from "Automated AI" to "Augmented Intelligence." We learned that the most effective tools aren't those that replace user effort, but those that enhance it. By putting the user in charge of capturing visuals while the AI handles the structuring, we created a synergy that makes learning significantly more engaging and effective.

What's next for Noteflix

Collaborative Study Rooms: Real-time shared workspaces where multiple students can curate notes and quiz each other on the same lecture. Multi-Modal Search: Allowing users to search for concepts using images or sketches, finding the exact moment in a video where a similar diagram appeared. Mobile Learning Companion: An optimized mobile experience for reviewing AI-generated flashcards and quizzes on the go. LMS Integration: Seamlessly exporting NoteFlix workspaces into popular platforms like Notion, Obsidian, and Anki.

Built With

  • chromadb-(vector-database-for-rag).-deployment-&-infrastructure:-vercel-(frontend-hosting)
  • css3.-frontend:-next.js-15-(app-router)
  • docker.-libraries:-lucide-react-(icons)
  • framer-motion-(animations).-backend:-fastapi
  • html5
  • jspdf
  • languages:-typescript
  • openai-whisper-(transcription)
  • python
  • railway-(dockerized-backend)
  • react-quill-(rich-text-editor)
  • sentence-transformers-(embeddings).-video-&-computer-vision:-opencv-(frame-extraction)
  • tailwind-css-(styling)
  • uvicorn.-ai/intelligence:-groq-api-(llama-3.1-8b-for-inference)
Share this project:

Updates