Welcome to the React Quiz App, a dynamic and responsive quiz platform built using React and Tailwind CSS. It allows users to test their knowledge across multiple categories with smooth transitions, score tracking, and now — a review section to check correct and incorrect answers after completing the quiz.
The project ensures a great user experience, supporting both light and dark themes along with automatic scroll-to-top on every route change or navigation.
Your quiz app currently supports the following topics:
- 🟦 C
- 🟨 C++
- 🟧 Java
- 🟩 Python
- 🟨 JavaScript
- ⚛️ React.js
- 🌐 HTML
- 🎨 CSS
- 🟦 Tailwind CSS
- ⚙️ Node.js
- 🚏 Express.js
- 🗂️ Git
- 🐙 GitHub
| 🏠 Home Page Dark | 🏠 Home Page Light |
|---|---|
 |
 |
| 🏷️ Category Page Dark | 🏷️ Category Page Light |
|---|---|
 |
 |
| ❓ Quiz Page Dark | ❓ Quiz Page Light |
|---|---|
 |
 |
The project is live and can be viewed here: Quiz-app
- 🔄 Dynamic Routing with
react-router-dom - 🌙 Dark Mode toggle with local storage persistence
- 🎨 Smooth animations using AOS (Animate On Scroll)
- 🧩 Multiple quiz categories with structured data
- 📊 Score tracking and conditional result feedback
- 🧠 Review Answers — view your correct and incorrect answers after completing the quiz
- 🧾 Detailed results summary with retry and take-more-quiz options
- ⬆️ Scroll to Top — automatically scrolls to top on every route change or when navigating back
- 💡 User-friendly and accessible interface
- ✅ Navbar disabling during quiz to avoid accidental exits
- React (with functional components & hooks)
- Tailwind CSS (for modern and responsive UI)
- React Router DOM (for routing)
- AOS (Animate On Scroll) for animations
# 1. Clone the repo
git clone https://github.com/TonyStark-19/Quiz-app.git
# 2. Move into the project folder
cd Quiz-app
# 3. Install dependencies
npm install
# 4. Start the development server
npm startContributions are welcome! If you'd like to improve the quiz experience or fix bugs, feel free to fork the repo and submit a PR.
Made with ❤️ by Aditya chandel