Skip to content

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.

Notifications You must be signed in to change notification settings

AbdullahRFA/Quiz_App_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

πŸŽ“ 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! 😊

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published