This is an implementation of a known board game. It was made as an exercise in order to get practice in JavaScript, React and aspects of front-end development.
The game is hosted via GitHub Pages under this Link.
- Network mode
- So far, it is not possible to play on network. That means all players have to play from the same device within the same browser. Adding a network mode could follow the explanations and code from this chat app example implementation.
- Testing
- The code was created without testing in mind. Therefore, some functions (e.g. addFinalScore within finishRound.js) should be put into a separate file to be accessible for testing.
- Look and handling, especially on mobile devices.
- Migrate to TypeScript
- An additional play mode where the color pattern on the wall is not predefined.
The project was bootstrapped with Create React App. Global state management is done via the Context API as explained in this blog post. For the deployment, I followed these instructions.