1st YearBeginnerWeb 1-2 weeks
Interactive Quiz App with Score Tracking
A multiple-choice quiz that loads questions from a JSON file, times each attempt, scores answers, and shows a review of correct vs chosen answers at the end.
HTMLCSSJavaScriptJSON
Find GitHub repos & source code →How to build it — step by step
- 1Question bank: Store questions, options, and the correct index in a JSON array; load and shuffle.
- 2Quiz flow: Render one question at a time, lock an answer, and advance with a progress bar.
- 3Scoring + timer: Track score and a per-quiz countdown timer; auto-submit on timeout.
- 4Review screen: Show final score and a list highlighting correct answers vs the user’s picks.
Key features to implement
- ✓Randomised question order
- ✓Per-quiz timer
- ✓Progress bar
- ✓Answer review at the end
- ✓High-score saved locally
💡 Unique twist to stand out
Add category selection and a difficulty modifier that adjusts the timer and point weighting per question.
🎓 What you'll learn
Working with JSON data, array shuffling, timers, conditional rendering, and state transitions.