Halit Aksoy
3bb151dbed
- Opening a finished game shows its final position, result, score, date and duration, with Watch from start - First / previous / play-pause / next / last, speed 1x, 2x, 4x, a timeline, the move list and arrow keys and space - Stepping forward animates the move like a live game; jumps show the position directly - ?move=n links to a move and follows the shown move - Players see the board from their own side - PitAnimator takes its step interval as a parameter |
||
|---|---|---|
| .. | ||
| .vscode | ||
| nginx | ||
| src | ||
| .babelrc | ||
| .gitignore | ||
| .parcelrc | ||
| Dockerfile | ||
| package.json | ||
| README.md | ||
| vercel.json | ||
| yarn.lock | ||
Mancala Frontend
The web user interface for the Mancala project, written in React.
Getting Started
Install Packages
yarn install
Start in Development Mode
yarn dev
Development Dependencies
This package links the local packages @mancala/core and mancala.js. Build them first with yarn build:packages in the repo root.
Login
Every visitor has a Keycloak session (see apps/keycloak): the first visit logs in as a new guest without any
form, and the account menu on the home page lets guests log in or sign up. Run Keycloak locally with
docker compose up keycloak in apps/; the dev server must run on port 1234, which the mancala-web client allows.
| Build variable | Default |
|---|---|
SERVER_ADDRESS |
http://localhost:5005 |
WS_SERVER_ADDRESS |
ws://localhost:5005 |
KEYCLOAK_URL |
http://localhost:8080 |
Docker Build
From the repo root:
docker build -f apps/frontend/Dockerfile --build-arg SERVER_ADDRESS=http://localhost:5000 --build-arg WS_SERVER_ADDRESS=ws://localhost:5000 --build-arg KEYCLOAK_URL=http://localhost:8080 -t mancala-frontend .