๐Ÿš€ Inspiration

We were inspired by the idea that learning should be instant, personalized, and interactive. With the rise of AI models like Gemini and the vast educational content on YouTube, we saw an opportunity to create a platform where users can generate an entire course from just a single prompt โ€” turning curiosity into structured learning in seconds.


๐Ÿ’ก What it Does

CourseAI lets users type a single prompt (e.g., โ€œLearn web developmentโ€) and instantly receive:

  • A structured, topic-based course outline
  • Curated YouTube videos for each topic
  • A built-in comment system to foster learning conversations
  • A minimal, distraction-free UI with light/dark mode
  • No login required (authentication was implemented but temporarily removed)

๐Ÿ› ๏ธ How We Built It

  • Frontend: React + TypeScript + Vite
  • Styling: Tailwind CSS
  • AI Engine: Gemini AI (Google DeepMind)
  • Video Integration: YouTube Data API
  • Backend & Comments: Supabase
  • Deployment: Vercel
  • ๐Ÿง  Completely built using Bolt AI โ€” including the full architecture, prompting logic, and app generation

๐Ÿ”ง Note: Authentication, saved courses, and other advanced features were implemented but removed due to deployment limitations. These will be reintroduced once the infrastructure stabilizes.


๐Ÿง— Challenges We Ran Into

  • API limitations: Quotas on YouTube and Gemini APIs slowed down testing and feature scaling.
  • Deployment issues: Auth, routing, and API secrets were difficult to manage in production.
  • Time constraints: A busy personal schedule meant development had to be postponed.
  • Realtime UX without auth: Building an open comment system without authentication was tricky and limited moderation capabilities.

๐Ÿ† Accomplishments We're Proud Of

  • Fully working AI-powered course generator
  • Seamless integration of YouTube video content
  • Fast, mobile-responsive interface with modern UX
  • Shipped a live app with real-time interactivity, despite limited API quota and no backend team

๐Ÿ“š What We Learned

  • How to leverage Bolt AI to go from idea โ†’ working product
  • Best practices in handling third-party API integration at scale
  • Managing feature creep and simplifying MVPs under time pressure
  • Building robust UIs with Tailwind and Vite that are production-ready

๐Ÿ”ฎ Whatโ€™s Next for CourseAI

  • ๐Ÿ” Reintroduce user authentication and profiles
  • ๐Ÿ“ Add saved course tracking and resuming
  • ๐Ÿ“Š Topic progress + video completion analytics
  • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Community mode: shared prompts, public courses
  • ๐Ÿ“ฑ Build a mobile-first version for learners on the go
  • โณ Open source roadmap + potential contributions

๐Ÿšง Due to current life/work priorities, development is paused temporarily. However, the project will resume in phases or through community collaboration.


๐Ÿ™ Credits

  • ๐Ÿค– AI content: Gemini AI (Google DeepMind)
  • ๐Ÿ“บ Video curation: YouTube Data API
  • ๐Ÿ’ฌ Comments backend: Supabase
  • ๐Ÿง  Partially built using Bolt AI โ€” Bolt AI handled the core architecture, prompt logic, and app generation. Additional features, integrations, and custom development were implemented manually.
  • ๐Ÿ’ป Crafted with โค๏ธ as a solo side project balancing time and ambition

Built With

  • bolt
  • etc
  • react
  • superbase
  • tailwind
Share this project:

Updates