Millionair-Quiz

Links

• Github : https://github.com/MuzamilTahliil/Millionair-Quiz/tree/main.
• Vercel :https://millionair-quiz.vercel.app/.

Screenshots

Include screenshots of your app here.

Home Page

Quiz Page

About Page

Contact Page

Description

A thrilling and engaging quiz application built with React and Vite, inspired by the popular TV show "Who Wants to Be a Millionaire?". This app challenges users with a series of questions, allowing them to test their knowledge, compete with friends, and see who can score the highest.

Installation

To get started with this project, clone the repository and install the dependencies:

cd Millionair-Quiz npm install

## Usage
To start the development server and view the app in your browser:

```bash
# Start the development server
npm run dev

# Build for production
npm run build

## Features

- Home page with navigation links to Home, About, and Contact pages.
- Quiz page with timer and scoring system.
- Lazy loading of components using `React.lazy` and `Suspense`.
- Game rules section to guide users on how to play.
- Top winners section to showcase the highest scorers.
- Contact form for user inquiries.
- Responsive design using Tailwind CSS.

Project Structure

- src/
  - components/
    - Footer.jsx
    - Header.jsx
    - NotFound.jsx
    - Quiz.jsx
    - Start.jsx
    - Timer.jsx
  - pages/
    - Home.jsx
    - About.jsx
    - Contact.jsx
    - Login.jsx
    - QuizPage.jsx
  - App.jsx
  - index.css
  - main.jsx

Sounds

The application uses sounds for different actions such as correct and wrong answers, and a start sound when the quiz begins. Make sure to add your sound files in the appropriate directory and import them in your components.

Important Note

The "Let's Start" button on the Home Page is crucial as it navigates to the quiz page. Ensure it functions correctly by checking the startQuiz function in the Home.jsx component.

const startQuiz = () => {
  navigate('/quiz');
};

##Contact me wthis this Email (muzamiltahliil1@gmail.com)