Skip to content

Quiz App is a responsive web-based quiz application built with React, TailwindCSS, and React Router. It fetches questions from the Open Trivia DB API, allows users to answer one question at a time, tracks their score, and shows a detailed results summary. Features include difficulty levels, timer, progress bar, skip/previous navigation.

Notifications You must be signed in to change notification settings

Adityasingh2oo4/Quiz-app

Repository files navigation

🎯 Quiz App

A responsive and interactive Quiz Application built with React + TailwindCSS that fetches multiple-choice questions from the Open Trivia DB. The app evaluates answers, tracks scores, and shows a detailed results summary.


🚀 Features

  • 🎨 Clean and responsive UI (desktop & mobile)
  • ❓ Multiple-choice questions (API powered)
  • ⏱ Timer per question (auto move on timeout)
  • 📊 Progress indicator (question count & progress bar)
  • 🏆 Score tracking with localStorage high scores
  • 🔄 Restart quiz anytime
  • ⏩ Navigation: Next, Previous, Skip
  • ⚡ Handles edge cases (no internet, empty data, refresh)

🛠 Tech Stack

  • React (Functional components + Hooks)
  • React Router (Quiz & Results pages)
  • TailwindCSS (styling)
  • Axios (API calls)
  • LocalStorage (high scores persistence)

📷 Screenshots

🏠 Home Page

Home Page

❓ Quiz Page

Quiz Page

🏆 Results Page

Results Page


📦 Installation & Setup

  1. Clone the repo:
git clone https://github.com/Adityasingh2oo4/Quiz-app.git

cd quiz-app
  1. Install dependencies:
npm install

Run the development server:

npm run dev

Build for production:

Copy code

npm run build

🌐 Deployment

Hosted on Netlify

Demo Link: https://quiiizz-app.netlify.app/

About

Quiz App is a responsive web-based quiz application built with React, TailwindCSS, and React Router. It fetches questions from the Open Trivia DB API, allows users to answer one question at a time, tracks their score, and shows a detailed results summary. Features include difficulty levels, timer, progress bar, skip/previous navigation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published