Inspiration
Traditional learning methods often feel monotonous and fail to keep students engaged for long periods. I observed that while students struggle to stay focused on studies, they can spend hours playing games without losing interest.
This inspired us to combine education with gaming elements, transforming learning into an engaging and rewarding experience.
What it does
Questify is a gamified learning platform that turns educational content into an interactive adventure.
📚 Subjects are structured as worlds, and topics as levels
Users complete quests (quizzes/tasks) to progress
Earn XP (experience points) and level up
Compete on leaderboards with other learners
Maintain daily streaks to stay consistent
Get personalized recommendations based on performance
The platform motivates users to learn consistently by making progress visible, rewarding, and competitive.
How I built it
I focused on building a fast, scalable, and interactive prototype within the hackathon timeframe.
Frontend: React.js with Tailwind CSS for a modern, responsive UI
Backend: Node.js with Express for handling APIs
Database & Auth: Firebase for real-time data and authentication
Gamification Logic: Custom implementation for XP, levels, streaks, and badges
AI Recommendation: Rule-based system suggesting topics based on weak areas
I followed a modular approach, building core features first (quiz + XP system), then layering gamification and personalization.
Challenges I ran into
Designing a balanced XP and leveling system that feels rewarding but not too easy
Creating a game-like UI within limited time
Managing real-time leaderboard updates
Implementing meaningful AI recommendations with limited data
Prioritizing features under strict hackathon time constraints
Accomplishments that I'm proud of
Successfully transformed a traditional learning experience into a game-like system
Built a fully functional prototype within a short time
Implemented a clean and engaging progress tracking dashboard
Created a working XP, leveling, and leaderboard system
Delivered a solution that is both innovative and scalable
What I learned
Importance of user engagement and psychology in product design
How to prioritize features effectively under time pressure
Practical implementation of gamification techniques
Integrating frontend, backend, and AI components efficiently
Value of team collaboration and rapid prototyping
What's next for Questify
Add multiplayer quiz battles for real-time competition
Integrate advanced AI/ML for deeper personalization
Launch a mobile app version
Expand content for multiple subjects and competitive exams
Introduce social features like friend challenges and groups
Partner with schools and colleges for real-world adoption
Built With
- css3
- html5
- javascript
- tailwind
- vite
Log in or sign up for Devpost to join the conversation.