mancala/docs/specs/web-redesign/tasks.md
Halit Aksoy ce27c71176 feat(frontend): lay out the replay page in the new design
A summary card with the result, date, duration, move count, players and
score; players and the move number beside the board; a controls card
with the transport buttons, speed, timeline and the shown move with its
tags; the landing pit of the shown move is ringed.
2026-10-16 10:19:57 +03:00

1.1 KiB

Web redesign: tasks

Work through the tasks in order; each ends with its checks passing and a commit. Tick a task when it is committed.

  • 1. Core: ThemeManager takes its themes; PitViewModel.highlight set by PitAnimator; getSowingPath with unit tests; new texts (en, tr).
  • 2. Backend: GET /games/popular?kind=finished; test.
  • 3. Web app shell: the three themes, font, base styles, AppHeader (logo, theme swatches, account menu, action) on every page; restyle the lobby, privacy page, loading and connection panels.
  • 4. Web app board: BoardView, PitView, StoreView, stones, upright layout, highlights and move preview.
  • 5. Web app game page: players, turn, clocks, game-over card, move list and review banner.
  • 6. Web app replay page: summary card, controls card, move list.
  • 7. Web app home page: game-in-progress hero, mini boards, live / popular / recent game cards.
  • 8. Checks and docs: build, Chrome check of every page at desktop and phone width in all three themes; AGENTS.md and TODO.md.