Halit Aksoy
6f88658c60
The header is now the logo, the page's actions, how to play, settings and the account. The theme swatches move into a settings menu; the account shows the player's initials and is on every page through an AuthUserContext. On phones the home page's actions leave the header for a row of two buttons. Checked menu items get a check at their end. |
||
|---|---|---|
| .. | ||
| .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 .