Mind Bender

Mind Bender is a front-end quiz application that tests your knowledge of HTML, CSS, JavaScript, and Accessibility. This project was bootstrapped with Create React App.

Table of Contents

• Installation
• Available Scripts
• Project Structure
• Features
• Contributing
• License

Installation

1. Clone the repository:

   git clone https://github.com/your-username/mind-bender.git
   cd mind-bender

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Available Scripts

In the project directory, you can run:

npm start

Runs the app in development mode.
Open http://localhost:3000 to view it in your browser.

npm test

Launches the test runner in interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

npm run lint

Runs ESLint to check for linting errors and automatically fix them.

Project Structure

mind-bender/ ├── .babelrc ├── .env ├── .gitignore ├── coverage/ ├── jsconfig.json ├── netlify.toml ├── package.json ├── public/ ├── README.md ├── src/ │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── Common/ │ ├── Error/ │ ├── FontFiles/ │ ├── Hooks/ │ ├── index.html │ ├── index.js │ ├── Pages/ │ ├── reportWebVitals.js │ ├── setupTests.js │ ├── Store/ │ ├── style.css ├── webpack.config.js

Features

• Quiz on HTML, CSS, JavaScript, and Accessibility
• Dark and light theme switch
• Responsive design
• Progress bar for quiz completion
• Results page with score and pie chart

License

This project is licensed under the MIT License.