Skip to content

Frontend feature: add first-time user checklist card on GameLobby #477

@CMI-James

Description

@CMI-James

Background

New users would benefit from a lightweight onboarding checklist that highlights the key setup and first-run tasks inside the main app surface.

Feature Focus

First-time user checklist

Where to Implement (Exact Targets)

  • frontend/src/pages/GameLobby.tsx
  • frontend/src/services/global-state-store.ts
  • frontend/tests/components/GameLobby.test.tsx

What to Implement

  • Add a dismissible checklist card for first-time users.
  • Track completion or dismissal state locally.
  • Keep the checklist content concise and actionable.

Interface / Endpoint / Method Details

  • The checklist should disappear or collapse once it is no longer useful.
  • State should persist predictably across reloads.
  • The implementation should not block returning users from reaching core actions quickly.

Acceptance Criteria

  • Implementation is complete in the specified files/modules.
  • Behavior is reachable through the intended route, component, or contract method.
  • Existing unaffected behavior remains stable.
  • Code quality checks pass for the touched subsystem.

Required Tests

  • Add tests for first-run checklist rendering, dismissal persistence, and behavior for returning users.

Definition of Done

  • PR includes implementation, tests, and any necessary docs updates.
  • Reviewer can verify behavior directly from code and tests without assumptions.

Metadata

Metadata

Assignees

Labels

FrontendFrontend functionality workMediumMedium priorityStellar WaveStellar Wave initiativeenhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions