Inspiration
Many learners open YouTube with the intent to study, but quickly get distracted by recommendations, shorts, and entertainment content. This leads to wasted time and fragmented learning. I wanted to solve this problem by creating a focused, structured learning environment around YouTube content.
What it does
Learning Organizer is a full-stack MERN application that converts YouTube videos into structured learning resources. It allows users to:
- Organize videos into folders for different topics.
- Take timestamp-based notes while watching.
- Track learning progress.
- Generate AI-powered summaries and quizzes for revision.
This transforms passive video consumption into active learning.
How I built it
Frontend: React (with drag-and-drop using DnDContext) Backend: Node.js + Express Database: MongoDB APIs Used: RapidAPI (for extracting video transcripts) Gemini API (for generating summaries and quizzes)
The workflow:
- Extract transcript from YouTube video.
- Process and send it to Gemini API.
- Generate structured summaries + quizzes.
- Store results using caching to avoid redundant API calls.
Challenges I ran into
- Managing API rate limits (Gemini free tier) → solved using caching.
- Extracting and syncing timestamp-based notes with video playback.
- Designing smooth drag-and-drop folder/video organization.
- Handling transcript inconsistencies from external APIs.
Accomplishments that we're proud of
- Built timestamp-based note-taking synced with videos.
- Implemented drag-and-drop organization for better UX.
- Reduced API usage significantly using caching.
- Enabled quick revision through AI summaries and quizzes.
What I learned
- Integrating AI models into real-world applications.
- Optimizing API usage with caching strategies.
- Building interactive UI features like drag-and-drop.
- Handling unstructured data like video transcripts.
What's next for Learning Organizer - AI powered video learning platform
- Chrome Extension for one-click video saving.
- AI-based video recommendations based on learning patterns.
- Collaborative study groups.
- Advanced analytics for tracking learning behavior.
Built With
- ai
- edtech
- express.js
- gemini-api
- learning
- mern
- mongodb
- node.js
- rapid-api
- react
Log in or sign up for Devpost to join the conversation.