Squid game

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)

Getting started

# installation
yarn

# start
yarn start

# build
yarn build

# code validation
yarn lint
yarn format
yarn test
yarn commitlint

Code Validation

Links

• 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

Contact us

Interested to work with us? You can contact us at thibault.friedrich@gmail.com.