🌟 Inspiration Debating is one of the most powerful tools for critical thinking, but it's intimidating for beginners. We wanted to make argumentation approachable and engaging by turning it into a fun, gamified journey — like an RPG, but for your brain.
💡 What it does DebateQuest is a role-playing game that teaches users how to become skilled debaters through interactive quests and mini-games. Players:
Build arguments using the Claim–Evidence–Warrant model
Identify logical fallacies in timed challenges
Choose effective rebuttals in debate scenarios
Spar with an AI opponent on real-world topics
Earn XP, level up, and unlock achievements
It’s an educational RPG that transforms debate training into an immersive, story-driven learning experience.
🛠️ How we built it Frontend: React + TailwindCSS for a modern, responsive UI
Backend: Firebase for data storage, progress tracking, and achievements
AI Debate Bot: OpenAI GPT-4 used to generate realistic debate responses
Gamification: Custom XP system, level progression, and badge achievements
Design: Created a fantasy RPG theme with intuitive UX, emphasizing user flow and learning feedback
🚧 Challenges we ran into Balancing educational rigor with fun — ensuring the game didn’t just look good, but actually taught valuable skills
Designing AI feedback that was meaningful and not too robotic or generic
Implementing dynamic question difficulty across all games
Managing state transitions and quest progress across multiple components
🏆 Accomplishments that we're proud of Built a fully working MVP with real gameplay in multiple arenas
Created three skill-based mini-games with different learning mechanics
Designed a clean, modern, accessible interface that supports mobile and desktop
Integrated GPT-powered AI sparring, giving users a realistic debate partner
📚 What we learned How to blend game design principles with learning science
Using AI not just for content generation, but also as an interactive educator
The importance of UI/UX in making educational tools feel fun, not forced
How progress tracking and rewards greatly increase user engagement
🚀 What's next for DebateQuest 🧠 Add real-time feedback and scoring during AI debates
🎮 Introduce a skill tree or dojo map for story progression
📱 Launch mobile version with offline mode
🌍 Add community features like peer challenges and leaderboard battles
🏫 Pilot with schools to evaluate learning outcomes in classrooms
Built With
- framer
- javascript
- localstorage
- lucide
- openai
- react
- superbase
- tailwindcss
- typescript
- vercel
- vite
Log in or sign up for Devpost to join the conversation.