Skip to content

Repository files navigation

Quiz Application

A responsive and interactive Quiz Application built with React.js. The application allows users to answer multiple-choice questions within a limited time, tracks their progress, and displays the final score with performance feedback.

Live Demo

https://my-quize-app.netlify.app/


Features

  • Interactive multiple-choice quiz
  • 10 questions with countdown timer
  • Dynamic question rendering
  • Progress bar to track quiz completion
  • Instant score calculation
  • Final result screen with performance feedback
  • Restart quiz functionality
  • Responsive design for desktop and mobile
  • Modern dark-themed user interface

Tech Stack

  • React.js
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • Vite

Screenshots

Home Screen

Home

Quiz Screen

Quiz

Result Screen

Result


Installation

git clone https://github.com/Pratik-Sarse/Quiz-Application.git

cd Quiz-Application

npm install

npm run dev

Folder Structure

Quiz-Application
│── public
│── src
│   ├── assets
│   ├── components
│   ├── App.jsx
│   ├── main.jsx
│── package.json
│── vite.config.js

Future Improvements

  • Add multiple difficulty levels
  • Randomize quiz questions
  • Add category selection
  • Store high scores
  • Add leaderboard
  • Add sound effects

Author

Pratik Sarse

GitHub: https://github.com/Pratik-Sarse

Portfolio: https://pratik-sarse-portfolio.netlify.app/

LinkedIn: https://linkedin.com/in/pratik-sarse-75591a35b

About

Responsive React Quiz Application with dynamic question rendering, score calculation, and modern UI.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages