41 lines
1.7 KiB
Markdown
41 lines
1.7 KiB
Markdown
---
|
|
# nuzlocke-tracker-w7o6
|
|
title: Improve Run Creation Workflow
|
|
status: draft
|
|
type: feature
|
|
created_at: 2026-02-07T20:20:51Z
|
|
updated_at: 2026-02-07T20:20:51Z
|
|
---
|
|
|
|
Improve the run creation flow with better game filtering, box art display, and UX fixes.
|
|
|
|
## Context
|
|
|
|
The current run creation workflow has several pain points:
|
|
- The game selection grid has no filters, making it hard to find games in a large list
|
|
- Box art images exist in the data model but aren't being used — only the game color is shown
|
|
- The "Next" button sits below the game grid, so users with many games may never scroll far enough to see it exists
|
|
|
|
## Changes
|
|
|
|
### Game Selection Filters
|
|
- [ ] Add region filter (dropdown or pill tabs) to narrow games by region
|
|
- [ ] Add filter for games with no active run (hide games that already have an in-progress run)
|
|
- [ ] Add filter for games not yet completed (no completed run)
|
|
- [ ] Consider additional filter criteria as needs emerge (generation, etc.)
|
|
|
|
### Box Art Display
|
|
- [ ] Use `boxArtUrl` as the primary visual for game cards in the selection grid
|
|
- [ ] Fall back to the `color` field as background when no box art is available
|
|
- [ ] Ensure box art looks good at card size (proper aspect ratio, object-fit)
|
|
|
|
### UX Fixes
|
|
- [ ] Move the "Next" / continue button to the top of the game selection step (sticky or above the grid)
|
|
- [ ] Make it clear a game is selected before the user has to scroll
|
|
- [ ] Consider showing the selected game summary near the top button
|
|
|
|
## Files likely affected
|
|
- `frontend/src/pages/NewRun.tsx` (or wherever the run creation wizard lives)
|
|
- `frontend/src/components/GameCard.tsx`
|
|
- `frontend/src/components/GameGrid.tsx`
|
|
- Possibly new filter component(s) |