---
# 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