Skip to content

Latest commit

Β 

History

History
69 lines (50 loc) Β· 1.74 KB

File metadata and controls

69 lines (50 loc) Β· 1.74 KB

πŸŒ™ Arabian Nights – Interactive Quiz Adventure

A magical, animated, story-based quiz platform inspired by Arabian Nights.
Users explore thrilling tales like Aladdin, Sinbad, Ali Baba, Scheherazade, and more β€” through quizzes, stories, leaderboards, badges, XP levels, and animated UI.


✨ Features

πŸ” Authentication

  • Email-based Login & Signup
  • Secure user auth using Supabase

πŸ§žβ€β™‚οΈ Quiz Modes

  • πŸ”₯ Rush Mode (timer)
  • 🧠 Practice Mode
  • βš”οΈ Duel Mode (online PvP – prototype)
  • Theme selection, difficulty selection, and configurable question count
  • Animated Genie guidance & magical effects

πŸ† Leaderboard

  • Global top players (static for now)
  • Filters by theme (Aladdin, Sinbad, Ali Baba, etc.)
  • Beautiful podium layout (Top 3 highlighted)

πŸ“œ Game History

  • Shows previous quiz attempts
  • Score, accuracy, date, mode, and breakdown

πŸŽ–οΈ Badges

  • Earn badges based on progress & achievements
  • Fully animated cards

πŸ—ΊοΈ Level Map

  • XP progression shown as animated path
  • Current level displayed with glowing effects

🌍 Multi-Language Support

  • Dropdown inside Profile
  • (English default; others being added)

🧞 Stunning UI

  • Fully animated UI using motion/react
  • Magic lamp, smoke, sparkles, particles
  • Parallax background
  • Genie assistant
  • Vibrant gradients, glowing borders, shadows

πŸ—οΈ Tech Stack

Frontend

  • React + TypeScript
  • TailwindCSS
  • motion/react animations
  • lucide-react icons

Backend

  • Supabase (Auth + Database)

Other Systems

  • Local state management
  • Duel-room prototype (room code + host/join)

πŸ“ Project Structure (Important Files)