Questify

• 

  Login Page

• 

  Dashboard

• 

  Quests

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.

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

• api
• auth
• css
• html
• javascript
• vite