QuizQuest

Level up your knowledge! Generate AI quizzes and battle subject Bosses for XP and Mastery.

Comment 16

Inspiration

Our team noticed that studying can often be monotonous and passive. For Gen Z students, engagement peaks when learning feels like a game. Our goal was to address the "Building fun learning tools for Students" theme by transforming studying from a passive chore into an active and rewarding Quest.

The core idea of QuizQuest is simple: replace long hours of reading with epic challenges against Knowledge Bosses, where each correct answer deals damage and each victory levels up your character. We wanted to create something that would make students actually excited to study.

What it does

QuizQuest transforms traditional studying into an epic RPG adventure:

  • Battle Knowledge Bosses: Each subject becomes a boss fight (like "The Evil Calculator" for math). Students answer quiz questions to deal damage and defeat bosses.
  • Level Up Your Character: Earn XP with every correct answer and watch your Adventurer level up using the progression formula \( \text{Level} = \lfloor 0.1 \times \sqrt{\text{XP}} \rfloor + 1 \)
  • AI-Powered Quiz Generation: Generate personalized quizzes on any topic with customizable difficulty (Easy, Medium, Hard) and question count
  • Automatic Revision Notes: Wrong answers are automatically saved to your "Revision Notes", transforming mistakes into targeted learning opportunities
  • Track Your Progress: View your stats, level, and XP on an intuitive Dashboard that visualizes your learning journey

How we built it

Frontend: React with Tailwind CSS for a dynamic, visually appealing interface featuring dark mode, smooth animations, and engaging game effects

Backend: Node.js and Express with Mongoose (MongoDB) to handle our RESTful API for dashboard data, quiz retrieval, and user feedback storage

Game Logic: Custom JavaScript algorithms to manage the XP/Level progression system and combat dynamics (damage calculation, boss health, victory conditions)

Data Persistence: localStorage for maintaining player XP and auto-saved revision notes across sessions

AI Integration: Connected AI models to generate contextually relevant quiz questions based on user-specified topics and difficulty levels

Challenges we ran into

Balancing Fun and Education: Our biggest challenge was harmonizing the playful RPG mechanics with educational rigor. We didn't want the game elements to overshadow the learning, but we also needed them engaging enough to motivate students.

UX Complexity: Designing the Arena interface required multiple iterations. We struggled to make health bars and combat messages clear and informative without overwhelming users with too much visual information.

XP Formula Calibration: Implementing the exponential progression formula required careful tuning. We needed to ensure that level-ups felt rewarding and achievable without happening too frequently or too rarely.

State Management: Precisely managing localStorage to track XP, levels, and revision notes across sessions while handling edge cases (browser clearing, multiple devices) proved more complex than anticipated.

Time Constraints: Building a full-featured RPG learning system in 48 hours meant making tough decisions about which features to prioritize.

Accomplishments that we're proud of 🏆

  • Created a genuinely engaging learning experience that makes students want to study
  • Successfully integrated AI to automate personalized quiz generation
  • Implemented a robust RPG progression system with smooth XP tracking and leveling
  • Built an automatic learning feedback loop where mistakes become targeted revision material
  • Designed an intuitive, visually appealing interface that balances game aesthetics with educational clarity
  • Delivered a fully functional prototype within the 48-hour hackathon timeframe

What we learned

Gamification Design: We learned that effective gamification isn't just about adding points and badges—it's about creating intrinsic motivation through meaningful progression and immediate feedback.

User Psychology: Discovered how powerful visual feedback (health bars, damage numbers, level-ups) can be in driving user engagement and behavior change.

Technical Skills: Improved our abilities in state management, localStorage handling, and integrating AI services into educational applications.

Balancing Act: Learned to balance multiple competing priorities: fun vs. education, complexity vs. usability, and feature richness vs. development time.

Iterative Design: The importance of rapid prototyping and iteration, especially for UX-heavy features like the combat arena.

What's next for QuizQuest

Multiplayer Battles: Allow students to challenge friends in head-to-head quiz duels, making studying a social and competitive experience.

Expanded RPG Elements:

  • Character customization and skill trees
  • Equipment and power-ups earned through consistent study
  • Guild systems where students can join study groups

Advanced AI Features:

  • Adaptive difficulty that adjusts based on student performance
  • Personalized learning paths that identify knowledge gaps
  • AI tutors that provide explanations for wrong answers

Mobile App: Develop native iOS and Android apps for studying on-the-go

Teacher Dashboard: Allow educators to create custom boss battles, track student progress, and assign specific quests

Achievement System: Comprehensive badges and achievements for milestones like "7-day study streak" or "Defeated 10 bosses"

Spaced Repetition Integration: Implement scientifically-backed spaced repetition algorithms to optimize long-term retention

Subject Expansion: Pre-built boss battles for common subjects (Math, Science, History, Languages) with curated question banks

+ 43 more
Share this project:

Updates