An interactive AI-powered Quiz Application built with React, Tailwind CSS, and Lucide React Icons.
This app allows users to take quizzes, track progress, and view results in a modern and responsive UI.
Project Type: Full-Stack
- 🌍 Live
- 🏠 Home Page: Welcome screen with options to start a quiz or view past results.
- ❓ Quiz Page: Answer a series of questions, track progress, and get instant feedback.
- 📊 Results Page: Displays the user’s answers, correct answers, and score summary.
- 💾 Persistent Results: Stores quiz results in Local Storage for future reference.
- 📱 Responsive Design: Optimized for mobile, tablet, and desktop devices.
- ⚛️ React – Frontend library for building the UI
- 🌐 React Router – Page navigation (Home, Quiz, Results)
- 🎨 Tailwind CSS – Utility-first styling for responsive design
- 🎯 Lucide React Icons – Modern icons for UI components
- 💾 Local Storage – Save and persist quiz results across sessions
/src
├── /components
│ ├── Navbar.js
│ ├── Footer.js
│ ├── Home.js
│ ├── QuizPage.js
│ └── ResultPage.js
├── /styles
│ └── index.css
├── App.js
└── index.js| Home Page | Quiz Page |
|---|---|
![]() |
![]() |
| Results Page | Responsive View |
|---|---|
![]() |
![]() |



