mancala/docs/specs/web-redesign/tasks.md
Halit Aksoy e3e7916265 feat(frontend): draw the new board
Pits and stores are wells with scattered stones and count badges, the
viewer's store on the right. Below 600 px the board stands upright.
Playable pits preview their move on hover, animated pits are ringed and
the pit of the last move has a dashed ring.
2026-10-16 09:37:50 +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.