mirror of
https://github.com/tiennm99/loto.git
synced 2026-08-31 10:34:12 +00:00
Replaces the orange/red filled-square cells on the master tracking board with a circular token treatment inspired by the Hội chợ "Các số đã ra" panel. Each numbered cell now renders a centered circle with a colored ring — pink for 1–49, green for 50–90 — over a cream-yellow fill when the number has been called, or dimmed/empty when it has not. The most recent draw keeps its red accent via a ring-offset highlight + slight scale, so the host can still find "vừa xổ" at a glance. Draw-order superscript stays at the cell's top-right corner, now in muted slate (visible against both the cream-filled and dim-empty token states).
Lô tô
Bàn số của trò chơi "Lô tô" — SvelteKit app.
Two routes: / for players, /master for the host (quản trò) — calls
numbers, shows a tracking board, and has its own player card to play along.
See docs/ for architecture, code standards, and deployment.
Development
npm install
npm run dev
Inside code-server (reverse proxy)
cp .env.example .env.local
# edit .env.local: set CODESERVER_HOST and CODESERVER_PORT
npm run dev:codeserver
Open https://<CODESERVER_HOST>/absproxy/<CODESERVER_PORT>/.
Use /absproxy/{port}/, not /proxy/{port}/ — the latter strips the
path prefix and breaks the SvelteKit base path.
Build
npm run build # default — root basePath, for Cloudflare Pages
npm run build:gh # /loto basePath, for tiennm99.github.io/loto manual export
Static export to build/. Deployed to Cloudflare Pages from main
(set up via the CF dashboard — see docs/deployment-guide.md).