๐ 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
- bolt
- css3
- entri
- html5
- javascript
- json
- markdown
- netlifly
- nextjs
- node.js
- openai
- react
- supabase
- tavus
- typescript

Log in or sign up for Devpost to join the conversation.