Skip to content

A simple and clean AI Quiz Application built with React, Tailwind CSS, and Lucide React Icons, featuring interactive quizzes, result tracking, seamless navigation, and a modern footer with GitHub and LinkedIn links.

Notifications You must be signed in to change notification settings

mohanlal99/AI-Quiz-Application

Repository files navigation

🧠 AI Quiz Application

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


✨ Features

  • 🏠 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.

🛠️ Tech Stack

  • ⚛️ 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

📂 Project Structure

/src
 ├── /components
 │    ├── Navbar.js
 │    ├── Footer.js
 │    ├── Home.js
 │    ├── QuizPage.js
 │    └── ResultPage.js
 ├── /styles
 │    └── index.css
 ├── App.js
 └── index.js

📸 Screenshots

Home Page Quiz Page
Home Page Quiz Page
Results Page Responsive View
Results Page Mobile View

About

A simple and clean AI Quiz Application built with React, Tailwind CSS, and Lucide React Icons, featuring interactive quizzes, result tracking, seamless navigation, and a modern footer with GitHub and LinkedIn links.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published