https://github.com/boostvolt/zhaw-four-wins
https://github.com/boostvolt/zhaw-four-wins
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/boostvolt/zhaw-four-wins
- Owner: boostvolt
- Created: 2024-11-08T15:27:11.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-19T10:54:56.000Z (6 months ago)
- Last Synced: 2024-12-19T11:33:23.286Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 54.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# zhaw-four-wins
This documentation is also available via the following link: https://boostvolt.github.io/zhaw-four-wins/
# Team Setup
- Jan Kott (kottjan1)
- Denis Rykart (rykarden)
- Simon Brand (brandsi3)
- Roman Boassart(bossarom)
# Setup
Below are the different setups described.
## Local Setup
1. Navigate to the root drectory.
2. Run the following:
```sh
npm install
npm run dev
```
3. Open your browser on http://localhost:3000/ to access the game.
## Remote Setup
- 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.
# Implementation
## Overview of functions
- 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
## Implementation Notes
- 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
# Screenshots
Initial start of the game:
After setting a few fields:
Once a player has won:
