I developed an interactive Quiz Web App using pure JavaScript, HTML, and CSS. The application allows users to enter their name, answer a series of randomized multiple-choice questions, and view a visual summary of their performance at the end.
Features:
Name Input & Validation with error messaging (letters/spaces only)
Local Storage for saving and pre-filling username
Dynamic Question Rendering from a shuffled array
Image Randomization using placeholder images for each question
Score Calculation and Animated Circular Progress on result screen
60-second Timer with a dynamic progress bar
Fully responsive layout with a custom font for better UX
Technologies Used:
HTML5
CSS3
JavaScript (ES6+)
Google Fonts
DOM Manipulation & Events
Local Storage
This project emphasizes clean UI, smooth transitions between quiz states (start, quiz, result), and intuitive user interaction without relying on external libraries or frameworks.