- This project was bootstrapped with
Create React App + Typescript - The following version has been used for this application
- The node version used :
v10.16.3 - The npm version used :
6.9.0
- Ensure you have nodeJS (the version specified above installed)
- Clone the project,
- Run into the root of the folder and execute
npm install - Run
npm startin the root directory of the project - The project should be up and running. Open http://localhost:3000/
- The page will reload if you make edits.
- For unit testing
jestframework has been used along withenzyme. - To execute the unit test cases, please run
npm run test. This will run all the test in watch mode.
- The images are not shown till the time they are loaded to create a seamless experience
- The images are preloaded from before
- The painting process/time of images has also been taken into account
- The production build folder can be generted using
npm run build - It will create a build folder. You may serve it with a static server, which can be served therogh any process manager ex: PM2, forever
- Currently it is being served using express server, the configs are written in
server.jsfile - For using it install PM2 process manager globally in the machine using
npm install pm2 -g - A PM2 configuration file is provided as
pm2-config.json - The app can be served using
pm2 start pm2-config.json - It will run on http://localhost:3000/
- Typescript has been used for the type checkings so that most of the errors can be caught on development phase itself
- Linting and pre-commit hooks have been used to follow the code quality and a same pattern
- Unit testing setup has been done so that a TDD approach can be taken up
- Lazy loading to improve performance
- Chunking and hashing the build files generated
- Welcome Screen
- Welcome screen with name
- Hello Screen
- Loading Screen
- Play Screen
- Scoreboard
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent