982154b348
Build a 3-step wizard at /runs/new: select game (themed gradient cards grouped by generation with filter tabs), configure rules (reuses existing RulesConfiguration), and name/create run. Remove standalone Games and Rules pages since they're now integrated into the wizard flow. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
30 lines
1.1 KiB
Markdown
30 lines
1.1 KiB
Markdown
---
|
|
# nuzlocke-tracker-uw2j
|
|
title: Game Selection Screen
|
|
status: completed
|
|
type: task
|
|
priority: normal
|
|
created_at: 2026-02-04T15:44:16Z
|
|
updated_at: 2026-02-05T14:02:43Z
|
|
parent: nuzlocke-tracker-f5ob
|
|
---
|
|
|
|
Build the initial screen where users select which Pokémon game they want to track.
|
|
|
|
## Checklist
|
|
- [x] Create game selection component
|
|
- [x] Display games grouped by generation
|
|
- [x] Show game artwork/logo for each option
|
|
- [x] Add search/filter functionality for games
|
|
- [x] Navigate to rule settings after selection
|
|
- [x] Allow returning to change game selection
|
|
|
|
## Implementation Notes
|
|
- Game selection is step 1 of a 3-step new run wizard at `/runs/new`
|
|
- `GameCard` component: slug-based gradient backgrounds as fallback for missing box art
|
|
- `GameGrid` component: responsive grid with generation filter tabs
|
|
- `StepIndicator` component: clickable progress bar for navigating wizard steps
|
|
- `NewRun` page: wizard flow — select game → configure rules → name & create run
|
|
- Reuses existing `RulesConfiguration` component for step 2
|
|
- `GameSelect` page at `/games` shows a browseable game grid with "Start New Run" CTA
|
|
- "New Run" link added to nav bar |