dice-district

Dice District is an original city-dice tableau game for Poe. Roll two dice, collect income from colorful district cards, tap the card market to build, and race to complete the skyline with a Tower.

Framework Decision

Dice District uses synced-store as the authoritative Poe state and deterministic mutator layer, vanilla TypeScript for the compact app shell, and Three.js for the animated dice table and raised district cards. I did not add a separate board-game framework because the turn order, income triggers, and purchase rules are small enough to stay clearer as pure functions shared by UI, tests, and synced-store mutators.

What you can do

• Roll from the thumb zone — the bottom Roll action drives the main turn loop.
• Tap district cards directly — affordable cards glow on the board and can be bought without menu picking.
• Read the skyline quickly — coins, active player, dice total, card supply, and built counts stay visible around the board.
• Practice the finish — Drill loads a one-tap Tower win for quick learning and E2E coverage.
• Play mobile-first — 300x500 tests verify no overflow, painted Three.js board, and 44px-or-larger tap targets.

Game state lives in synced-store with explicit dice, purchase, pass, and scenario mutators so optimistic taps and server confirmation resolve to the same district state.