CoursAI

Landing Page
Sign in Page
Main Dashboard
Main Dashboard (continuation)
Calendar
Choose your roadmap
Roadmap

Inspiration

Traditional learning platforms follow a one-size-fits-all approach that often leaves students struggling to keep pace or feeling unchallenged. With the rise of AI technology, we recognized an opportunity to revolutionize personalized education by creating an adaptive learning companion that adjusts to each student's unique style, pace, and goals. CoursAI was born from the vision of making high-quality, personalized education accessible to everyone, regardless of their learning background or preferred study methods.

CoursAI ensures a truly personalized learning experience by utilizing:

Google Gemini LLM for intelligent content generation and adaptive tutoring
Next.js 16 with React for a modern, responsive user interface
MongoDB Atlas for user data management and course progress tracking
ElevenLabs AI for text-to-speech conversion and audio learning materials
MediaPipe Vision Tasks for pose detection and physical exercise guidance
Auth0 for secure authentication and user management
Patriot AI - George Mason University's AI for enhanced learning assistance
YouTube API for curating and integrating educational video content

What it Does

CoursAI is an AI-powered personalized learning platform designed to adapt to individual learners by:

Generating custom learning roadmaps based on chosen topics and uploaded study materials
Adapting to learning preferences by offering multiple content formats including videos, flashcards, quizzes, summaries, live demos, and practice exercises
Providing real-time AI tutoring through an interactive chatbot that answers questions and explains concepts
Tracking progress visually with knowledge trees, study heatmaps, and Matrix-style calendars
Offering hands-on practice with AI-generated exercises, including physical pose detection for fitness and movement-based learning
Supporting multimodal learning with video lessons, audio narration, and interactive content
Maintaining accountability through progress analytics and daily study tracking

How We Built It

Course Generation Pipeline: Integrated Google Gemini to dynamically generate personalized curricula based on user-selected topics and uploaded materials. The AI analyzes learning objectives and creates structured roadmaps with lessons, exercises, and assessments.

Adaptive Content Delivery: Implemented a flexible content system that supports multiple learning formats:

Video lessons with AI-curated content and YouTube integration
Interactive flashcards with spaced repetition
Practice problems with instant AI feedback
Live demos for hands-on learning
Quiz-based assessments with detailed explanations

Pose Detection System: Leveraged MediaPipe's vision tasks to enable real-time pose tracking for physical exercises, providing visual feedback through pose overlays and comparison with reference images.

Progress Tracking: Built comprehensive analytics using Recharts to visualize learning patterns, time spent on topics, and proficiency growth over time. Implemented a GitHub-style contribution heatmap to encourage daily study habits.

AI Chatbot Integration: Developed an interactive AI tutor using Gemini that provides contextual help, explains difficult concepts, and guides students through challenging material.

Database Architecture: Utilized MongoDB Atlas to store user profiles, course progress, generated content, and learning analytics, with efficient querying for real-time updates.

Technology Stack: Built with Next.js 16 and TypeScript for type-safe development, integrated with ElevenLabs for audio generation, and deployed using modern React patterns including Server Components and Client Components for optimal performance.

Challenges We Ran Into

Content Quality Control: Ensuring that AI-generated course content is accurate, well-structured, and pedagogically sound across diverse subjects.

Real-time Pose Detection: Achieving accurate pose tracking in various lighting conditions and camera angles while providing meaningful feedback to users.

State Management: Managing complex application state across multiple views (browse, preferences, roadmap, course content) while maintaining smooth transitions and data consistency.

API Rate Limiting: Handling API rate limits for Gemini, ElevenLabs, and YouTube services while maintaining a responsive user experience.

Personalization Balance: Developing an algorithm that generates appropriately challenging content without overwhelming beginners or boring advanced learners.

Accomplishments That We're Proud Of

Truly Adaptive Learning: Successfully created a system that genuinely adapts to each user's learning style and pace, generating personalized content on-demand.

Multimodal Integration: Seamlessly integrated text, video, audio, and physical movement tracking into a cohesive learning experience.

Beautiful UX: Designed an intuitive, aesthetically pleasing interface using modern design principles and smooth animations that make learning engaging.

Real-time Feedback: Implemented instant AI feedback for exercises and pose detection, helping learners correct mistakes as they happen.

Comprehensive Progress Tracking: Built detailed analytics that help learners understand their progress patterns and stay motivated.

What We Learned

AI as a Learning Partner: Large language models can be incredibly effective at personalizing education when properly guided with context about the learner's goals and progress.

The Importance of Visual Feedback: Progress visualization through heatmaps, knowledge trees, and charts significantly improves learner engagement and motivation.

Flexibility is Key: Different people learn differently—providing multiple content formats (video, text, audio, practice) allows each user to find their optimal learning path.

Performance Matters: In educational applications, fast response times and smooth interactions are crucial for maintaining focus and engagement.

What's Next for CoursAI

Spaced Repetition System: Implement intelligent review scheduling using spaced repetition algorithms to optimize long-term retention.

Collaborative Learning: Add features for study groups, peer reviews, and collaborative problem-solving.

Mobile Application: Develop native iOS and Android apps for learning on-the-go with offline support.

Advanced Analytics: Incorporate predictive models to identify learning gaps and suggest targeted interventions before students fall behind.

Gamification: Introduce achievement badges, learning streaks, and challenges to boost motivation and engagement.

Voice Interaction: Enable voice-based Q&A with the AI tutor for hands-free learning during activities like commuting or exercising.

Integration with Educational Platforms: Connect with existing LMS systems, Google Classroom, and other educational tools for seamless workflow integration.

Community Knowledge Base: Allow users to share custom courses and learning materials, building a collaborative library of high-quality content.