Welcome to the React Quiz App, a dynamic and responsive interview-preparation 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.
This quiz app currently supports the following topics:
- 🟦 C
- 🟨 C++
- 🟧 Java
- 🟩 Python
- 🟨 JavaScript
- 🧩 OOP (Object-Oriented Programming)
- ⚛️ React.js
- 🌐 HTML
- 🎨 CSS
- 🟦 Tailwind CSS
🅱️ Bootstrap- ⚙️ Node.js
- 🚏 Express.js
- 🍃 MongoDB
- 🗄️ SQL
- 🗂️ 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
| Feature | Description |
|---|---|
| 🔄 Dynamic Routing | Built with react-router-dom |
| 🌙 Dark Mode | Persistent theme using localStorage |
| 🎨 Smooth Animations | Powered by AOS (Animate On Scroll) |
| 🧩 Multiple Categories | Structured quiz data by topic |
| 📊 Score System | Instant result calculation |
| 🧠 Answer Review | Review all answers after completion |
| 🔁 Retry Option | Retake quizzes instantly |
| ⬆️ Scroll Restoration | Scrolls to top on every route change |
| 🔒 Quiz Protection | Navbar disabled during quiz session |
| 📱 Responsive Design | Works across all devices |
| Technology | Purpose |
|---|---|
| React (Functional Components & Hooks) | Building the UI with reusable components and modern React patterns |
| Tailwind CSS | Creating a modern, responsive, and utility-first design |
| React Router DOM | Handling client-side routing and navigation |
| AOS (Animate On Scroll) | Adding smooth scroll-based 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.
This project is licensed under the MIT License. Feel free to use, modify, and share it – just give proper credit.
Check the LICENSE file for more details.
Made with ❤️ by Aditya chandel