Dice Chess Analytics UI
A premium, reactive frontend dashboard for the Dice Chess Analytics platform — visualize games, explore opening trees, and track player performance.
Key Features
Section titled “Key Features”Interactive Game PlayerStep-by-step game visualization supporting Dice Chess turn rules (1 dice roll + up to 3 micro-moves per turn).
Openings ExplorerNavigable moves tree showing win/loss stats, next moves, and position details for played dice chess openings.
Engine IntegrationIntegrated with @rabestro/dicechess-engine (WASM/ES Module) to execute game rules, FEN normalizations, and move validations client-side.
Player Profile DashboardsVisual statistics for players including Head-to-Head analytics, Elo rating history, and win/loss breakdowns.
Tech Stack
Section titled “Tech Stack”- Framework: SvelteKit (SPA target in production)
- State Management: Svelte 5 Runes (
$state,$derived,$effect) for local and global UI reactive stores. - Board Render: Chessground via svelte wrapper for interactive piece movements.
- Charts: Interactive SVG graphics for player Elo history and performance charts.
- Styling: Vanilla CSS for custom, high-performance styling.