This project is a boilerplate with the best technologies and practices for a frontend project in Feb 2022.
As an example, this project is A Web game based on green light/red light game from the famouse Squid Game TV show. This web app uses a motion detector with the webcam/front camera and you can only move during the green phases. You can play it at interaction-dynamics.io/squid-game/. This
It uses the technologies:
- yarn
- React v17
- React-Router v6
- Redux Toolkit
- Tailwind
- Github actions
- Lordicons
- Prettier
- Eslint
- Jest
- Testing Library
- Puppeteer
- Commitlint
- Standard Version
And the best practices:
- Atomic design
- AAA Pattern for unit tests
- Absolute paths
- CONTRIBUTING.md (in addition of a good README.md)
# installation
yarn
# start
yarn start
# build
yarn build
# code validation
yarn lint
yarn format
yarn test
yarn commitlint- Tutorial to create motion detectors
- Exemple of code with motion detector
- Switch component with tailwind
- useInterval hook
- Automatic release
- Localization
- Dropdown with tailwind
- Puppeteer Tutorial
- Puppeteer with github actions
Interested to work with us? You can contact us at [email protected].