The Door Of Knowledge

• 

  App Icon

About the Project: Door of Knowledge Inspiration:

The idea for Door of Knowledge came from a desire to make learning fun, interactive, and challenging—not just memorization. I noticed how trivia and maze games each captivate users in different ways: one tests intellect, the other rewards exploration. I decided to combine both worlds, creating a game where curiosity literally unlocks the next step forward.

How We Built It:

We built Door of Knowledge using React and Supabase. React handles the game’s dynamic maze interface and adaptive UI. Supabase powers the backend, storing user progress, quiz questions, and difficulty data. The app uses an adaptive difficulty algorithm: as players answer correctly, both maze complexity and question difficulty increase; wrong answers make the game easier, maintaining flow and engagement. Each maze and question set is procedurally generated, ensuring no two runs feel the same.

What we Learned:

This project taught me how to: Design a scalable game architecture with real-time user feedback. Integrate databases like Supabase for seamless, secure data storage. Build adaptive systems that respond to user behavior dynamically. Balance UI/UX design with challenging game mechanics to keep players engaged.

Challenges We Faced:

Adaptive difficulty tuning: ensuring the game stays fun for both casual and advanced players was tricky. Question variety: creating or sourcing diverse, high-quality question sets that scale in difficulty. Performance optimization: rendering large mazes efficiently while maintaining smooth gameplay. Balancing logic and creativity: merging educational value with game addictiveness took iteration and feedback.

Outcome The result is an addictive, replayable, and educational experience that motivates users to keep learning. Door of Knowledge doesn’t just test what you know—it rewards how you think.

Built With

• html
• javascript
• json