Skip to content

A gamified engineering learning platform with 3D-inspired UI, quizzes, XP, badges, and progress tracking built using React, TypeScript, and Tailwind CSS.

Notifications You must be signed in to change notification settings

CynthiyaJohn/questify

Repository files navigation

🎮 Questify – Gamified Learning for Engineers

Questify is a gamified engineering learning platform that turns core computer science subjects into interactive quests.
Students explore subject planets, complete quizzes, earn XP, unlock badges, and track progress through a game-style dashboard.

This project focuses on modern frontend design, gamification principles, and clean UI architecture.


🖼️ Preview

Questify Dashboard


🚀 Key Features

  • 🪐 3D Subject Dashboard with floating engineering domains
  • 🧠 Engineering-Focused Tracks
    • Data Structures & Algorithms
    • Web Development
    • Databases & SQL
    • Operating Systems
    • Computer Networks
    • Software Engineering
  • Gamification System
    • XP, levels, daily streaks
    • Unlockable quizzes
    • Achievement badges with rarity
  • 🏆 Leaderboard & Progress HUD
  • Modern Game-Style UI
    • Neon-on-dark theme
    • Smooth hover & micro-interactions
    • Responsive layout

🛠️ Tech Stack

  • React + TypeScript
  • Vite
  • Tailwind CSS
  • Framer Motion
  • shadcn/ui
  • Git & GitHub (Lovable 2-way sync)

🎯 Purpose

Built as a portfolio project to demonstrate:

  • Gamified UI/UX design
  • Frontend component architecture
  • Engineering-oriented product thinking

🔮 Future Scope

  • Backend integration (auth, persistence)
  • Real-time leaderboard
  • Timed challenges & coding playground
  • Live deployment

👩‍💻 Author

Sharon Cynthiya J
BE – Computer Science Engineering

About

A gamified engineering learning platform with 3D-inspired UI, quizzes, XP, badges, and progress tracking built using React, TypeScript, and Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages