This project is based on the Pluralsight course: React.js: Getting Started by Samer Buna. To view the final product, a simple game, go to: https://darmaiad.github.io/pluralsight-reactjs-gettingstarted.
Assuming you have npm & node.js installed, you can either clone or download the repository. Navigate to the folder that you/was created. Then, run npm install on the command line to download the dependencies. Finally, run npm start to launch to the project. To do a production build run npm run build.
This is a simple game that matches numbers to stars. It includes an implementation of timer challenge issued by the course's author at the end of the course. I expanded on that by having the game to include a distinct start/stop phase. I used the React.js editions of Bootstrap and Font-Awesome instead of the conventional ones. Finally, I added some functionality with Alertify.js.
A CI/CD pipeline is set up for this project. Upon push, Travis-CI will attempt to build the project in a Linux environment and if the build is successful, it will be deployed at Github Pages. A second CI server, AppVeyor, was added to test the project in a Windows environment.
To format the code Prettier is used. The setup for formatting the code before each push looks like this: Husky allows githooks to be created as npm scripts in package.json (in out case a precommit hook). lint-staged is then used to apply Prettier on the staged files. Finally, eslint-config-prettier turns off any eslint rules that might conflict with Prettier's internal rules.
This project was bootstrapped with Create React App.