Skip to content

A dynamic React Quiz App with multiple-choice questions, 30s timer, scoring, progress bar, and high score tracking using Context API and useReducer.

Notifications You must be signed in to change notification settings

layekmia/React-quize-app

Repository files navigation

⚛️ React Quiz App

A dynamic and interactive React Quiz Application that tests users' knowledge of React. Each question comes with 4 multiple-choice options, and selecting the correct answer increases the score by 10 points. A countdown timer of 30 seconds is set per question, and a progress bar visually tracks quiz progress. Once completed, the user can view their score, high score, and restart the quiz.

🚀 Live Demo

👉 React Quiz App


🧠 Features

  • Multiple Choice Questions – Four options per question.
  • 🧮 Scoring System – 10 points awarded for each correct answer.
  • ⏱️ Per-Question Timer – 30-second countdown per question.
  • 📈 Progress Bar – Indicates how far the user has progressed.
  • 🏁 Result Summary – Final score, high score, and restart button at the end.
  • ⚛️ State Management – Built with useReducer and Context API for scalable state handling.
  • 📱 Responsive Design – Works smoothly on all screen sizes.

🛠️ Tech Stack

  • Frontend:

    • React
    • useReducer Hook
    • Context API
    • CSS Modules / Plain CSS
  • Deployment:

    • Netlify

📦 Installation

  1. Clone the repository:
git clone https://github.com/your-username/react-quiz-app.git

About

A dynamic React Quiz App with multiple-choice questions, 30s timer, scoring, progress bar, and high score tracking using Context API and useReducer.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published