๐Ÿ“š Coursify

Turn any learning goal into a structured AI-generated micro-course with videos, summaries, quizzes, and a clean course player.


๐ŸŒŸ Inspiration

Learning online is powerful, but it is also messy. Students often jump between YouTube videos, PDFs, notes, and random websites without a clear learning path.

We wanted to build something that feels like having a personal course designer. Instead of searching for scattered resources, users can simply say what they want to learn, and Coursify turns that goal into a structured mini-course.

Our inspiration came from the idea that learning should feel guided, focused, and easy to continue.


๐Ÿš€ What it does

Coursify lets users create AI-generated micro-courses from a simple learning goal.

Users can:

โœจ Enter a topic they want to learn
๐Ÿ“„ Upload an optional PDF for extra context
๐Ÿง  Generate a structured course outline
โœ๏ธ Edit the outline before publishing
๐ŸŽฅ Get relevant YouTube videos for each lesson
๐Ÿ“ Read AI-generated lesson summaries
โœ… Take short quizzes to check understanding
๐Ÿ“š Browse a public library of generated courses

Each course is built as a simple 3-unit, 9-lesson learning path, making it small enough to complete but structured enough to feel like a real course.


๐Ÿ› ๏ธ How we built it

Coursify was built as a full-stack web app.

The frontend uses:

โš›๏ธ React
โšก Vite
๐Ÿ”ท TypeScript
๐ŸŽจ A clean white, beige, brown, and burnt-orange UI system

The backend uses:

๐ŸŸข Node.js
๐Ÿ”ฅ Hono API routes
๐Ÿง  Agnes AI for outline generation, summaries, quizzes, and cover images
๐ŸŽฅ YouTube Data API for lesson video discovery
๐Ÿ—„๏ธ Supabase for storing public courses and cover images

The user flow is:

  1. User enters a learning goal.
  2. Agnes generates a structured course outline.
  3. User edits the outline if needed.
  4. Coursify searches YouTube for suitable videos.
  5. Agnes creates summaries, takeaways, and quizzes.
  6. A course cover image is generated.
  7. The finished course is published to the library.

We also designed the course player to be focused and practical, with a left-side lesson timeline, central video and summary area, and right-side quiz panel.


๐Ÿ˜ต Challenges we ran into

One big challenge was making AI-generated learning content feel trustworthy.

Since we use YouTube metadata, we had to be careful not to pretend that the AI watched the full video. So every lesson clearly shows that the summary is based on YouTube metadata and source details.

Another challenge was keeping the course generation reliable. AI responses can sometimes be messy, so we used structured JSON outputs and validation to keep the course format consistent.

We also had to balance simplicity and usefulness. We did not want Coursify to feel like another overloaded AI dashboard. The goal was to make the app feel clean, readable, and course-focused.


๐Ÿ† Accomplishments that we're proud of

We are proud that Coursify feels like a real learning product, not just an AI demo.

Some things we are especially proud of:

๐ŸŽฏ A simple goal-to-course workflow
๐Ÿ“š A public course library
โœ๏ธ Editable AI-generated outlines
๐ŸŽฅ Automatic YouTube lesson matching
๐Ÿ“ Lesson summaries and quizzes
๐ŸŽจ AI-generated course covers
๐Ÿงญ A focused course player UI
๐Ÿ’พ Progress saved locally for each course

Most importantly, we built Coursify around a real student problem: wanting to learn something properly without wasting time organizing resources manually.


๐Ÿง  What we learned

We learned that AI is most useful in education when it provides structure, not just answers.

Instead of only generating text, Coursify uses AI to plan, organize, explain, and assess learning. This made us think more deeply about how AI can support self-directed learners.

We also learned the importance of transparency. If content is generated from metadata, the app should clearly say that. Good AI products should not only be powerful, but also honest.

On the technical side, we learned how to connect multiple services together, including AI generation, YouTube search, image generation, and Supabase storage.


๐Ÿ”ฎ What's next for Coursify

Next, we want to make Coursify more personalized and powerful.

Future improvements include:

๐Ÿ‘ค User accounts and saved learning history
๐Ÿ“ˆ Better progress tracking
๐Ÿงพ Transcript-based summaries when available
๐Ÿ“„ Stronger PDF-based course generation
๐Ÿง  Adaptive quizzes based on user mistakes
๐Ÿค Collaborative course sharing
๐Ÿซ LMS integration for schools and educators
๐ŸŒ A larger public library of community-generated courses

Our long-term vision is for Coursify to become a lightweight AI learning platform where anyone can turn curiosity into a structured learning journey.

Built With

Share this project:

Updates