Cloud Breach and Attack Simulation Tool

Frontend of C_BAS. Using React

Features Implemented

• Display list of running containers

C-BAS

The frontend coding for the C-BAS (Computer-Based Assessment System) project may be found in this repository. Users may develop, manage, and administer computer-based assessments using the online application C-BAS.

Feature

• Develop and control test questions
• Customise assessment parameters and settings
• Give users access to assessments - See assessment results and produce reports

Prerequisites

Make sure you have the necessary components installed before you attempt to run the C-BAS Frontend locally:

• Node.js (18.16.0 version)
• Node Package Manager (NPM)

Getting Started

Follow these steps to begin using the C-BAS Frontend:

1. Clone this repository by typing "git clone https://github.com/WaleedK2000/C-BAS_frontend.git" into your browser.
2. Use the command 'cd C-BAS_frontend' to go to the project directory.
3. Use 'npm install' to install dependencies.
4. In the '.env' file, configure the backend API endpoint.
5. Use 'npm start' to launch the development server.

Your computer should now be running the C-BAS Frontend locally. To access the programme, launch your web browser and go to 'http://localhost:3000'.

Codebase Structure

The structure of the C-BAS Frontend codebase is as follows:

The frontend application's primary source code is located in the'src/' directory.

• The 'public/' directory houses the materials that are accessible to the public, including HTML files and photographs. Reusable React components are found in the "components/" directory and are utilised all across the programme.
• 'pages/' directory: Contains the application's primary pages.
• The 'utils/' directory contains aid modules and utility routines.