FlameRoar

Inspiration

Students today don’t struggle because of a lack of resources. They struggle because they don’t have clear direction, can’t stay consistent, and lose motivation over time. With so much content available, it becomes overwhelming, and many end up procrastinating or choosing easier distractions instead of focused learning

What it does

We built a gamified learning platform where students learn by playing. Topics are designed as explorable regions, questions appear as battles, and concepts are collected and improved over time like in a game. Progress is tied to completing challenges and defeating bosses, which unlocks new areas. This makes learning feel like a journey instead of a task.

How we built it

We used Next.js with React and TypeScript for the frontend and Phaser 3 for the game layer. The backend is built using FastAPI with PostgreSQL as the database. We also integrated AI to generate questions and provide hints dynamically based on the user’s progress.

Challenges we ran into

One of the biggest challenges was balancing the game aspect with actual learning. Making it engaging without losing educational value required careful design. We also had to avoid adding too many features and instead focus on building a strong core system. Another challenge was making user progress visible and meaningful.

Accomplishments that we're proud of

We built a working system where learning is directly tied to gameplay. The progression system, including XP, boss battles, and rewards, creates a clear sense of growth. We were able to design an experience that feels engaging while still being useful for learning.

What we learned

We learned that engagement comes from clear feedback and visible progress. Keeping the product simple and focused leads to better results than trying to do too much. We also saw how game design principles can be applied to solve real learning problems.

What's next for FlameRoar

We plan to expand this into multiple learning tracks such as web development and AI. We also want to improve personalization using AI, add better competitive features like leaderboards, and introduce guided mentorship. The goal is to grow the platform into a complete learning ecosystem.

Built With

• clerk
• express.js
• framer-motion
• geminiapi
• javascript
• monacoapi
• mongodb
• phasorjs
• react
• stackblitzapi
• tailwind
• websockets