Quiz Application

Welcome to the Quiz Application! This application allows users to take a quiz with multiple-choice questions, where their progress is tracked with a timer and their final score is displayed at the end.

Features

• Multiple-choice questions loaded from a JSON file.
• Full-screen mode requirement for taking the quiz.
• Timer functionality with local storage to track quiz time.
• Responsive design ensuring compatibility with different screen sizes.
• Player name input at the start of the quiz.
• Final score display with a personalized message after completing the quiz.

Live Demo

Try the live demo of the Quiz Application here.

Technologies Used

• React.js
• Tailwind CSS
• JavaScript (ES6+)
• HTML5
• CSS3

Installation

To run this application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Amank04/QuizAppAssignment.git

2. Navigate into the project directory:

   QuizAppAssignment

3. Install dependencies using npm or yarn:

   npm install

   or

   yarn install

4. Start the development server:

   npm start

   or

   yarn start

5. Open your browser and navigate to http://localhost:5173 to view the application.

Usage

1. Upon opening the application, ensure you are in full-screen mode. If not, click on the "Enter Full Screen" button provided.
2. Enter your name in the input field and click "Start Quiz" to begin.
3. Answer each multiple-choice question within the allotted time.
4. After completing all questions or when the timer runs out, your final score will be displayed along with a personalized message based on your name.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or improvements, please create a pull request or open an issue.