CyberQuiz - Interactive Cybersecurity Learning Platform

CyberQuiz is a responsive web application designed to help users learn about cybersecurity through an interactive quiz format. The application is built using React and Material-UI, ensuring a smooth experience across both desktop and mobile devices.

Features

• Interactive quiz interface
• Real-time feedback and explanations
• Progress tracking
• Responsive design for all screen sizes
• Score tracking and performance feedback
• Beautiful Material-UI components

Prerequisites

Before running the application, make sure you have the following installed:

• Node.js (version 14.0.0 or higher)
• npm (version 6.0.0 or higher)

Installation

1. Clone the repository:

git clone <repository-url>
cd cyberquiz

2. Install dependencies:

npm install

Running the Application

1. Start the development server:

npm start

2. Open your browser and navigate to:

http://localhost:3000

Project Structure

cyberquiz/
│── public/
│── src/
│   │── assets/
│   │── components/
│   │   │── Quiz.js
│   │   │── Scoreboard.js
│   │   │── Badge.js
│   │── data/
│   │   │── questions.json
│   │── pages/
│   │   │── Home.js
│   │   │── QuizPage.js
│   │   │── Results.js
│   │── App.js
│   │── index.js
│── package.json
│── README.md

Usage

1. Start from the home page
2. Click "Start Quiz" to begin
3. Answer each question and receive immediate feedback
4. View your final score and performance analysis
5. Choose to retake the quiz or return home

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.