CodoLvling

💡 Inspiration

Learning DSA today is frustrating — most platforms focus on solving problems, not understanding them. We wanted to build something where users don’t just code, but actually experience logic in a fun and engaging way, inspired by games like Solo Leveling.

🚀 What it does

Codo Leveling is a gamified DSA learning platform where users learn, practice, and battle using code. It combines visual learning (Logic Lab), problem-solving (LeetCode-style), and combat mechanics where correct code deals damage to enemies. It also includes AI-powered feedback, multiplayer modes, and progression systems.

⚙️ How we built it

We used React (Vite) and Tailwind CSS for the frontend, with GSAP and Framer Motion for animations. The backend is built with Node.js, Express, and Socket.io for real-time features. Supabase handles the database, Clerk manages authentication, and Google Gemini API powers AI feedback.

🧩 Challenges we ran into

• Designing a system that balances learning and gameplay without being distracting
• Building a reliable code execution and evaluation system
• Synchronizing real-time multiplayer and combat logic
• Maintaining UI consistency across complex features

🏆 Accomplishments that we're proud of

• Created a unique “learn + game” experience for DSA
• Built a functional battle system with real coding logic
• Integrated AI feedback to guide users
• Designed a consistent, engaging UI system

🧠 What we learned

• Learning improves when it’s interactive and visual
• Simplicity in UI is more important than flashy design
• Real-time systems require careful state management
• AI works best as a guide, not a judge

🔮 What's next for CodoLvling

• Improve AI feedback and personalization
• Expand multiplayer (Duo & 2v2 battles with voice chat)
• Add more DSA topics and advanced levels
• Build a strong community system for discussions and sharing

Built With

• clerk
• gemini
• node.js
• prisma
• react
• socket.io