A fun interactive quiz built with HTML, CSS, and JavaScript to test how well your friends know you. This birthday-themed quiz features personal questions with humorous options and provides feedback based on the score.
- 15 personalized quiz questions
- Responsive design for all devices
- Animated transitions between sections
- Score-based feedback system
- Progress tracking during the quiz
- Visual percentage score display
- Random response messages for correct/incorrect answers
- Three difficulty tiers of final feedback
- HTML5
- CSS3 (with Flexbox)
- JavaScript (ES6)
- Google Fonts (Poppins)
- Clone this repository
- Open
index.htmlin your browser - Click "Start" to begin the quiz
- Read each question and select the answer you think is correct
- View your results at the end!
To personalize this quiz for yourself:
- Edit
questions.jsto change the questions and answers - Modify the response arrays (
ukMe,udkMe, etc.) with your own messages - Update the color scheme in the CSS (search for
#3227fd) - Replace
bg-img.jpgwith your own background image
The quiz is fully responsive and works on:
- Mobile phones (tested down to 320px width)
- Tablets
- Desktop computers
This project is open source and available.
Made with ❤️ by [Akram FERKIOUI] Happy quizzing! 🎉