This documentation is also available via the following link: https://boostvolt.github.io/zhaw-four-wins/
- Jan Kott (kottjan1)
- Denis Rykart (rykarden)
- Simon Brand (brandsi3)
- Roman Boassart(bossarom)
Below are the different setups described.
- Navigate to the root drectory.
- Run the following:
npm install
npm run dev- Open your browser on http://localhost:3000/ to access the game.
- Access the game via: https://boostvolt.github.io/zhaw-four-wins/public/
- Please note that server side saving and loading is not supported on the github pages hosted version.
- A new game can always be started using the "Neues Spiel" button
- After every move, you can go back using the "Rückgängig" button
- The state of the game can be persisted and loaded locally using the buttons "Lokal speichern" and "Lokal laden"
- The state of the game can also be persisted and loaded via a server using the buttons "Server speichern" and "Server laden"
- On top of the buttons, it is always visible who's turn it currently is
- suiweb-1.1 was used
- At the start of the game, it checks if the server is available. If not, the server side buttons are disabled
- We have added own styles to make it look more appealing
- We followed a modularized approach during the implementation
- The game is using state hooks
Initial start of the game:
After setting a few fields:
Once a player has won: