Skip to content

Build Game Selection Page (All Available Games) #527

@BigBen-7

Description

@BigBen-7

Figma: All Games
Description:
Create the main game page where users can browse and select from all available games on the platform. Each game card should show the game title, a brief description, and a “Play” button. If the user is not authenticated, the "Play" button should route them to sign in or let them play as guest.


✅ Tasks:

  • Design the layout for displaying available games (grid or scrollable list)
  • Fetch game list from backend: GET /games
  • For each game:
    • Display title, description, and optional image/icon
    • Add "Play" button (navigates to game onboarding or directly to game)
  • If user is not signed in:
    • Show two options when "Play" is tapped:
      • "Sign In to Play"
      • "Play as Guest"
  • Handle loading and error states

📁 Output:

  • screens/GameSelectionScreen.tsx
  • components/GameCard.tsx
  • services/api/games.ts (API integration for fetching games)

Bonus:

  • Add smooth entry animations or transitions for game cards
  • Responsive layout (for various screen sizes)

Metadata

Metadata

Labels

FrontendGood first issueGood for newcomersNextJsThis doesn't seem rightonlydust-waveContribute to awesome OSS repos during OnlyDust's open source week

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions