CoLearn

Inspiration

CoLearn was inspired by a common problem: people want to learn new skills, but they struggle to build structured plans, stay consistent, and get support when stuck. We wanted to turn AI into an active learning companion, not just a chatbot.

What it does

CoLearn generates personalized learning courses from a user’s goal and available time. Learners progress through modules and lessons, complete assignments, ask an in-context AI tutor questions, and use AI chat for support. On top of that, CoLearn adds gamification (XP, streaks, levels, badges), social learning (classes, invites, group chat, leaderboard), and competitive modes (AI Duel, Boss Fight) to keep motivation high.

How we built it

We built CoLearn with React + TypeScript + Vite on the frontend, Supabase for authentication/database/security, and Google Gemini for all AI-powered flows (course generation, tutoring, chat, and arena content). We designed a gamification service to track XP and achievements, and added PDF/certificate export using jsPDF and html2canvas.

Challenges we ran into

Our biggest challenges were making AI responses predictable enough for product use, balancing engagement mechanics without hurting learning quality, and implementing secure multi-user access with row-level security policies. We also had to move fast while building a responsive, multi-feature interface.

Accomplishments that we're proud of

We’re proud that CoLearn is a complete, usable product flow—from signup to personalized course completion and certificate generation. We also successfully combined AI learning assistance, social collaboration, and game-like progression into one cohesive platform.

What we learned

We learned that educational AI requires strong structure, not just smart prompts. We also learned that motivation is as important as content quality, and that social + competitive elements can significantly improve consistency when thoughtfully integrated.

What's next for CoLearn

Next, we plan to add real-time class interactions, stronger adaptive learning paths, richer progress analytics, and production-grade reliability (testing, observability, and performance improvements). Our long-term vision is to make CoLearn a full AI-powered social learning ecosystem for students and lifelong learners.

Built With

• javascript
• react
• supabase
• typescript