Quiz Master

Project Overview

Quiz Master is a modern web-based quiz application that allows users to test their knowledge across multiple topics. It includes features such as user registration, login, timed quizzes, progress tracking, detailed results, and performance history – all built with an elegant interface using HTML, CSS, and JavaScript.

Screenshots

Key Features

User Registration & Login System: Secure account creation and login using localStorage.
Timed Quiz Mode: Each question is timed (15 seconds) with automatic next functionality when time runs out.
Performance Dashboard: Displays total correct, wrong, and skipped answers for each user.
Quiz History Tracking: Stores quiz results (score, correct, wrong, skipped, time taken) and allows users to clear all history.
Dark/Light Mode: Clean black-and-white theme toggle for comfortable viewing.
Responsive Design: Built with Bootstrap for smooth performance across devices.

Functionality

The user registers or logs in.
The user starts a quiz – each question appears with a timer.
The user can select, skip, or automatically skip when time runs out.
Results are calculated instantly and saved to history.
The dashboard and history display overall performance statistics.
The “Clear All” button removes all quiz history.

Technology Used

HTML5: Structure and layout.
CSS3: Styling, responsiveness, and animations.
Bootstrap 5: Prebuilt UI components and responsive grid system.
JavaScript (ES6): Quiz logic, dynamic updates, timer, and localStorage handling.
Font Awesome: Icons and visual cues.

Why This Project Is Useful

This project helps learners evaluate their knowledge interactively. It is also useful for developers learning web storage, form handling, timer logic, and dynamic DOM manipulation. Teachers and trainers can adapt it for online assessments or educational quizzes.