CodeMaxx

CodeMaxxing Logo

Inspiration

We wanted to create a tool that makes learning programming engaging, measurable, and adaptive. Traditional tutorials often fail to track progress or give instant feedback, so we envisioned a gamified system where users can level up their skills while receiving dynamic challenges.

What I Learned

Throughout the project, we explored building a backend with FastAPI, integrating AI for quiz generation, skill-tree/roadmap creations, and managing user data with Supabase. I also gained experience with full-stack coordination and deployment strategies.

How We Built It

Frontend: React app for interactive skill trees, code challenges, and quiz interfaces.
Backend: FastAPI/Flask API to manage quizzes, handle user progress, and communicate with the AI and database.
Database: Supabase to store user progress, roadmaps, XP, and analytics.
AI: Skill-Tree/Roadmap creation, and Piston API to dynamically generate coding exercises and quizzes.

Challenges

Setting up the dynamic quiz system to work with both AI-generated questions.
Integrating real-time XP updates and skill tree progression.
Managing hosting options and ensuring the backend was reliable for multiple users.

Results

The final product allows users to learn programming through gamification, track progress with XP and skill trees, and receive AI-generated challenges tailored to their skill level. This approach makes programming education interactive and measurable while highlighting the power of AI in learning tools.