React Quiz App app icon

React Quiz App

Website May 2024 1 min read
Visit website Source code
ReactTailwind CSSQuizResponsive DesignDark Mode

A modern, mobile-friendly quiz application built with React, Vite, and Tailwind CSS.
Supports multiple quiz categories, light/dark mode, a coin reward system, account tracking, and smooth animations.

✨ Features#

  • 🧠 Multiple Categories – Programming, Sports, Math, History, Geography
  • 🔄 Randomized Questions – Unique questions each game
  • 🌙 Day/Night Mode – Toggle between light and dark themes
  • 💰 Coins System – Earn rewards for correct answers
  • 🖼️ Smooth Animations – Modern transitions and UI effects
  • 📱 Responsive Design – Works on all screen sizes
  • 🔐 User Accounts – Create an account and track your progress

🛠️ Tech Stack#

  • ⚛️ React – UI development
  • ⚡ Vite – Lightning-fast frontend tooling
  • 🎨 Tailwind CSS – Modern utility-first styling
  • 🎯 React Icons – Icon library

⚙️ Getting Started#

Follow these steps to run the app locally:

Terminal window
# 1. Clone the repository
git clone https://github.com/Ali-Umed/react-quiz-app.git
cd react-quiz-app


# 2. Install dependencies
npm install
npm start