JavaScript Quiz Game 🎓

A single-page web application built using only HTML, CSS, and JavaScript to test and enhance your knowledge through interactive quizzes. Select between basic and advanced quizzes, receive real-time feedback, and view detailed results.

Features

• Single Page Application: Built using only HTML, CSS, and JavaScript for a seamless user experience.

• Dynamic Quiz Selection: Choose from basic or advanced quizzes.

• Interactive Interface: Real-time feedback on multiple-choice questions.

• Timer Functionality: Manage quiz time with options to pause and resume.

• Detailed Results: View your score, accuracy, time taken, and answer breakdown.

• Responsive Design: Optimized for various devices and screen sizes.

• Previous Records: Access and filter previous quiz results.

• Live Demo

• Link: https://javascript-quiz-game-for-learners.netlify.app/.

Getting Started

Prerequisites

• Modern web browser (e.g., Chrome, Firefox, Edge)
• Basic understanding of HTML, CSS, and JavaScript

Installation

# Clone the Repository
git clone https://github.com/abdurehman760/javascript-quiz-game.git

# Navigate into the directory
cd your-repo-directory
Open index.html:
Open index.html in your web browser to start using the application.
index.html         # Main HTML file for the app's structure
styles.css         # CSS file for styling
profile.js         # Handles user profile management
basicQuestionsData.js # Contains data for basic quiz questions
advanceQuestionsData.js # Contains data for advanced quiz questions
script.js          # Manages quiz logic and interactions
Usage
Enter Your Name:
Input your name in the Profile Container and click "Save" to start.

Select Quiz Type:
Choose your quiz type from the dropdown menu and click "Proceed."

Start the Quiz:
Click "Start Quiz" to begin. Answer questions within the time limit.

View Results:
Check your results and previous records upon completing the quiz.

# Fork the repository
# Create a new branch
git checkout -b feature-branch

# Commit your changes
git commit -am 'Add new feature'

# Push to the branch
git push origin feature-branch

# Open a Pull Request
Contact
Author: Abdur Rahman
Email: abdurehmankhan760@gmail.com
GitHub: https://github.com/abdurehman760