π Interactive Quiz Application
A responsive and dynamic quiz application built using HTML, CSS, and JavaScript. This project provides an engaging way to test knowledge while showcasing skills in frontend development.
π Features
β Dynamic Quiz Functionality
β’ Predefined questions with multiple-choice answers.
β’ Real-time feedback on selected answers (correct or incorrect).
β±οΈ Timer Integration
β’ Each question includes a countdown timer to maintain engagement.
β’ Automatically shows the correct answer if time runs out.
π± Responsive Design
β’ Fully optimized for various screen sizes (desktop, tablet, mobile).
π― Score Tracking
β’ Displays the userβs score at the end of the quiz.
β’ Encourages users to replay and improve.
π οΈ Technologies Used
β’ HTML: Structure and layout.
β’ CSS: Styling for a sleek, modern UI.
β’ JavaScript: Logic for interactivity, timer, and question handling.
π Getting Started
π§ Prerequisites
β’ A modern web browser (e.g., Chrome, Firefox, Edge).
β’ Basic understanding of how to run HTML files locally.
π₯ Installation
1. Clone the repository:
git clone https://github.com/your-username/quiz-app.git
2. Navigate to the project folder:
cd quiz-app
3. Open index.html in your browser to start the quiz.
π Project Structure
quiz-app/
βββ index.html # Main HTML file
βββ style.css # Stylesheet for design
βββ script.js # JavaScript for functionality
βββ README.md # Project documentation
π How to Use
1. Open the app, and the first question will appear along with a 10-second timer.
2. Choose an answer by clicking on the option buttons.
3. Get instant feedback for correct (green) or incorrect (red) answers.
4. Click Next to move to the next question.
5. At the end of the quiz, view your final score and replay if desired.
π₯οΈ Live Demo
Link to Live Demo (https://quizappjsprojectrfa.netlify.app/)
π€ Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the issues page (Replace with your GitHub issues link) for ideas.
π License
This project is licensed under the MIT License.
π§ Contact
Feel free to reach out if you have any questions or feedback! β’ Author: Abdullah Nazmus-Sakib β’ GitHub: AbdullahRFA β’ LinkedIn: Your LinkedIn Profile (https://www.linkedin.com/in/abdullah-nazmus-sakib-04024b261/)
Happy coding! π