About the project  •  Getting Started  •  Usage  •  Test  •  Documentation

Mini-project developed for an application.

This simple app offers a table of training exercises related to cybersecurity and the correct use of new technologies. The user can click "Go!" to complete one training exercise and will randomly win or lose. Easy, right ?

Clone down this repository.

You will need node and npm installed globally on your machine.

npm install

To launch the project, you'll first have to start the server with this command:

npm start

Then, you'll be able to visit the app at:

localhost:3000

.
├── src .   » Project source code
|       |
|       ├── layouts   » Layouts of the projet (Header, Body, Footer)
|       |
|       └── components    » Several components including ui elements such as Button, Category Column and Status Column
|       
├── public    » Public assets
|
├── assets    » Logo and screencapture of the project for the README.md file
|
├── README.md   » Current file
|
├── package-lock.json
|
├── package.json
|
├── tailwind.config.js    » Tailwind configuration file
|
└── .gitignore

To run tests, run the following command:

npm test

Then, press: a

It will launch the following tests:

1. the home page should render a heading, a logo and a table;
2. the "Go!" button should be clickable;
3. the table should have four columns (one for button included);
4. the table should have the correct column headers titles;
5. clicking the "Go!" button should decrease the number of trainings to start;
6. clicking the "Go!" button should increase the number of trainings won or defeat;

• Tailwind documentation
• React.js documentation