github-samples / github-samples/tailspin-toys
Allow users to sort the game list
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 8
- Forks
- 53
- Avg merge
- 20h 1m
- Merged PRs (30d)
- 4
Description
Different players browse in different ways — some want the highest-rated titles first, others prefer alphabetical order. Adding sorting options to the game list page gives backers more control over how they explore the catalog. The data layer already exposes title and star rating, so this builds on existing structures.
Acceptance criteria
- Users can sort the game list by title (A–Z and Z–A)
- Users can sort the game list by star rating (highest first)
- Games without a star rating are ordered in a sensible, documented way when sorting by rating
- The sort control follows the project's accessibility guidelines (labeling, keyboard navigation, visible focus states) and includes a
data-testidattribute - Unit tests cover the sorting helper(s) and Playwright e2e tests cover the sorting behavior
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the game list page and inspect the existing data layer for title and star rating fields, then locate the project's unit-test and Playwright test setup. Implement the specified title and rating ordering, document the handling of unrated games, and verify the accessible control, data-testid, unit tests, and end-to-end sorting behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- playwright, typescript
- Domain
- accessibility, frontend, testing-qa
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100