This is a React-based Quiz Application where users can test their knowledge by answering multiple-choice questions within a limited time. Each question has a countdown timer, and users must select an answer before the time runs out. Once an answer is selected or time expires, the result is immediately shown. At the end of the quiz, a comprehensive summary of the user's performance is displayed.
- ⏱️ Timer-Based Questions – Each question has a countdown timer.
- ✅ Instant Feedback – Users get instant feedback whether the answer was right or wrong.
- ⏩ Auto Skip – If time runs out, the question is automatically skipped.
- 📊 Quiz Summary – End-of-quiz summary includes:
- Number and percentage of correct, incorrect, and skipped questions.
- Detailed list of each question with selected and correct answers.
This project was built to sharpen React fundamentals and state management skills:
- useState – Manage dynamic data like selected answers, score, and timer.
- useEffect – Handle timer logic and side effects like auto-skipping questions.
- useRef – Control timer references and prevent unnecessary re-renders.
- useContext – Share quiz state and functions across multiple components easily.
- Conditional Rendering – Show/hide question results and summary based on user interactions.
- Component Structure – Clean modular components for better reusability.
- React – Frontend Library
- CSS / Tailwind (if used) – Styling
- Vite / CRA – Development environment (depending on what you used)
- GitHub Pages – For deployment
git clone https://github.com/AqibNiazi/react-quiz.git
cd react-quiz
npm install
npm run dev # or npm startThis project is deployed using Vercel.
Aqib Niazi
🔗 GitHub