Kindly find the video demo link attached in this file, and check package.json
for the necessary requirements
click me to download the zip file of the project
And continue from step 2
-
Clone the repository:
git clone https://github.com/Skmnk/AccuKnox-task.git
-
Navigate to the project directory:
cd accu-knox
-
Install the dependencies:
npm install
-
Start the development server:
npm start
This will start the app on
http://localhost:3000
. -
Find backend server: After running the react app find the
server.js
file inside the src folder to run the backend server for adding and removing widget. -
Running backend server: Open a new terminal and move into src file to run server.
cd src
node server.js
this will run backend for adding and removing widgets.
- check dependencies: Kindly check the package.json for required dependencies.
Here's an example structure of the data.json
file:
{
"categories": [
{
"name": "CSPM Executive Dashboard",
"widgets": [
{
"id": 1,
"name": "Cloud Accounts",
"message": "1st widget of CSPM"
},
{
"id": 2,
"name": "Cloud Account Risk Assessment",
"message": "2nd widget of CSPM"
}
]
},
{
"name": "CWPP Dashboard",
"widgets": [
{
"id": 1,
"name": "Top 5 Namespace Specific Alerts",
"message": "1st widget of CWPP"
},
{
"id": 2,
"name": "Workload Alerts",
"message": "2nd widget of CWPP"
}
]
},
{
"name": "Registry Scan",
"widgets": [
{
"id": 1,
"name": "Image Risk Assessment",
"message": "1st widget of Registry Scan"
},
{
"id": 2,
"name": "Image Security Issue",
"message": "2nd widget of Registry Scan"
}
]
}
]
}
This json file will be automatically updated while user add and remove the widgets.