QuizMaster is a fun and interactive web-based quiz application built with HTML, CSS, and JavaScript.
It allows users to test their knowledge with multiple-choice questions, get instant feedback, and see their final score with a clean and responsive UI.
Here are some screenshots of QuizMaster in action:
- 📚 Multiple-choice questions with shuffled answers
- 🎨 Clean and responsive UI with Bootstrap
- 💡 Hover effects and smooth transitions
- ✅ Correct / Wrong answer highlighting
- 📊 Score tracking with percentage calculation
- 🎉 Final results summary with retake, new quiz, and home navigation
- 📱 Mobile-friendly layout
- HTML5
- CSS3 (Bootstrap for styling)
- JavaScript (ES6+)
quizMaster/
│── index.html # Home page
│── getStart.html # Quiz start page
│── quiz.html # Main quiz page
│
├── css/
│ └── main.css # Main stylesheet
│
├── js/
│ ├── getstart.js # Start page logic
│ └── quiz.js # Quiz functionality
│
└── assets/ # (Optional) images/icons
-
Clone the repo
git clone https://github.com/OmarWael22/QuizMaster.git
-
Open in browser
Simply openindex.htmlin your browser. -
Enjoy the quiz! 🎉
- Start the quiz from the Get Started page.
- Answer each question by selecting the correct option.
- After finishing, view your results:
- ✅ Correct answers
- ❌ Wrong answers
- 📊 Percentage score (with colored indicator)
- Retake the quiz or return to the home page.
- 🟢 80%+ → Success (green)
- 🟡 50% – 79% → Warning (yellow)
- 🔴 Below 50% → Danger (red)
- Leaderboard for multiple players
Pull requests are welcome! If you’d like to suggest major changes, please open an issue first.
This project is licensed under the MIT License – feel free to use and modify it.
Built with ❤️ by Omar Wael