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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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