Learn Sphere
AI-powered course generation engine that transforms raw user input into structured multi-chapter lessons with gamified quizzes.
MongoDB
Express.js
React.js
Node.js
JavaScript
Vercel
Learn-Sphere is an AI-powered course generation engine that instantly transforms raw user input into comprehensive, structured multi-chapter lessons with interactive gamified quizzes.
How it's built
Utilizes a split client-server architecture. The frontend is built with React 18, Vite, and Tailwind CSS, while the backend relies on Node.js/Express and MongoDB. Google Gemini AI is integrated for lightning-fast content generation, and Clerk manages secure user authentication.
What it does
- AI Course Generation via Google Gemini AI
- Gamification System (XP Points, achievements, progress tracking)
- Intelligent AI Tutor Chat for personalized learning help
- Secure Authentication using Clerk
What it taught me
Learned how to reliably parse and structure raw AI text outputs into predictable JSON schemas to dynamically build complex frontend course navigation components.
What's next
Adding mobile app support, multi-language localization, social learning study groups, offline mode, and voice interaction capabilities.