๐Ÿš€ Course Maker AI

๐ŸŽฏ Inspiration

Learning is everywhere, but structure is rare.

We realized that while thereโ€™s an explosion of great content on YouTube, Twitter, Reddit, and blogs, most of it is scattered, unstructured, and hard to retain. We wanted to build a tool that could take this rich, unstructured content and turn it into structured, AI-generated courses โ€” fast.

Imagine turning a 10-minute video or a long blog post into a complete mini-course with lessons, summaries, and even AI-generated videos. Thatโ€™s what sparked Course Maker AI โ€” a way to democratize course creation and accelerate how we learn from the internet.


๐Ÿ’ก What it does

Course Maker AI transforms raw content into structured learning experiences using AI.

  • ๐Ÿ”— Accepts input links: YouTube, PDFs, blogs, Twitter threads, or Reddit posts.
  • ๐Ÿค– Extracts relevant content (e.g., YouTube transcripts or blog text).
  • ๐Ÿง  Sends the content to a powerful AI model (via Groq API) to generate:
    • A course title and description
    • Multiple structured lessons with summaries and bullet points
    • (Coming soon) AI-generated videos for each lesson using Tavus
  • ๐Ÿ“ฆ Outputs a ready-to-publish course preview
  • ๐Ÿงต Supports forking, sharing, and personalization of learning paths

๐Ÿ—๏ธ How we built it

  • Frontend: Built with React + Tailwind CSS, styled for smooth animations and responsive UX
  • Backend: Node.js + TypeScript server to handle content extraction and Groq-based course generation
  • AI Integration: Used Groqโ€™s fast inference API (Mixtral-8x7b model) to generate structured content from plain text
  • Extraction Layer: Custom content parsers for YouTube, PDFs, blogs, Reddit, and Twitter โ€” with support for mocking in dev
  • Dev Tools: Vite, tsx, and concurrently to run full-stack locally with hot-reload

๐Ÿง— Challenges we ran into

  • ๐Ÿงช Reliable content extraction: Handling inconsistent formats from YouTube, blogs, or social media required custom extraction logic.
  • ๐Ÿ” Groq SDK availability: The official SDK wasnโ€™t available on NPM, so we had to mock or hit the raw API ourselves.
  • โš™๏ธ Synchronizing backend and frontend: Ensuring seamless end-to-end flow between user input and course output.
  • ๐Ÿงต Maintaining flexibility: Supporting five input types while keeping the UX simple and scalable.

๐Ÿ† Accomplishments that we're proud of

  • ๐Ÿง  Built a working system that converts raw internet content into structured learning.
  • โšก Integrated Groqโ€™s blazing-fast model for near real-time course generation.
  • ๐ŸŽจ Designed a polished UI/UX that makes course creation feel magical.
  • ๐Ÿ”„ Enabled modularity and extensibility with support for future integrations like Tavus (for AI-generated video) and RevenueCat (for monetization).

๐Ÿ“š What we learned

  • โœจ The power of fast inference models (like Mixtral on Groq) in educational tools.
  • ๐Ÿงฉ How to architect AI workflows with clean separation of concerns โ€” extraction, generation, presentation.
  • ๐Ÿ› ๏ธ Practical skills in React, Node.js, TypeScript, Tailwind, and working with LLMs.
  • ๐Ÿค How to collaborate effectively as a 4-person team in a time-boxed hackathon.

๐Ÿ”ฎ What's next for Course Maker AI

  • ๐ŸŽฌ AI video generation using Tavus for each lesson
  • ๐ŸŒ Publish and share courses with custom URLs and social embeds
  • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Collaborative learning paths: Let users remix and fork courses together
  • ๐Ÿ’ธ Premium features via RevenueCat + Algorand NFT-based ownership tracking
  • ๐Ÿค– Voice cloning + multilingual courses powered by ElevenLabs

Course Maker AI is just the beginning. We're reimagining how the world learns โ€” one link at a time.


Built With

Share this project:

Updates