Skip to content

Implement pagination on game list page #15

@DanielOyieke1

Description

@DanielOyieke1

Description

Add pagination to the game list page to improve performance and user experience when browsing large numbers of games. Currently, all games load at once, which can impact page load times and make navigation difficult as the catalog grows.

Why This Matters

As the Tailspin Toys game catalog expands, loading all games on a single page will negatively impact performance, user experience, and server load. Pagination ensures the platform remains responsive and user-friendly at scale.

Acceptance Criteria

  • Display a configurable number of games per page (default: 12 or 20)
  • Add pagination controls at the bottom of the game list
  • Show current page number and total page count
  • Implement "Previous" and "Next" navigation buttons
  • Add direct page number navigation for quick access
  • Disable "Previous" on first page and "Next" on last page
  • Update URL with current page number for bookmarking
  • Scroll to top of list when changing pages
  • Maintain filter state when paginating
  • Backend API supports pagination with page and per_page parameters
  • Handle empty states gracefully (no results message)
  • Ensure pagination controls are keyboard accessible
  • Add loading state during page transitions
  • Unit tests for pagination logic
  • E2E tests for pagination navigation

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions