Learn Sphere

AI-powered course generation engine that transforms raw user input into structured multi-chapter lessons with gamified quizzes.

Visit Site Source Code

Technologies

MongoDBExpress.jsReact.jsNode.jsJavaScriptVercel

Overview

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.

Architecture & Decisions

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.

Key Features

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

Lessons Learned

Learned how to reliably parse and structure raw AI text outputs into predictable JSON schemas to dynamically build complex frontend course navigation components.

Future Roadmap

Adding mobile app support, multi-language localization, social learning study groups, offline mode, and voice interaction capabilities.