Skip to content

Change "My actions" into New Home Screen (Personal Stats Page) #7

Description

@jbecker-icaw

Why This Matters:
The current Dashboard mixes personal stats with competitive elements, making it unclear what the page's purpose is. And we have "my actions" which also kind of doubles this.

By changing My actions and making it into a personal Home screen, users will have a clear place to see THEIR impact and feel motivated by their own progress. This creates a sense of ownership and accomplishment. The single-screen design (no scrolling) makes it feel like a game home screen rather than a data dashboard - more engaging and motivating.

Description:
Replace current My actions with a new personal Home screen focused on individual progress and achievements. This should fit on one mobile screen without scrolling.
This should be the default screen (not the dashboard).

The Dashboard functionality will be moved into the new separate leaderboard page.

Layout (Top to Bottom):

  • Large shrimp mascot at top (static for now)
  • Personalized welcome message: "Welcome back, [Name]!" or "Welcome, Hero!"
  • Personal stats section displaying:
    • Packages flipped (your total)
    • Shrimp helped (your total)
    • Total shrimp helped (global counter - optional to include)
  • Progress bar showing progress to next achievement - once we have achievements
  • Achievement badges display (unlocked achievements) - once we have achievements

Technical Requirements:

  • Remove "Record Action" button from this page (it's in menu already)
  • Ensure entire page fits on mobile screen without scrolling
  • Use existing shrimp mascot SVG (static, no animation yet)
  • Fetch user stats from existing API/state
  • Calculate progress to next achievement dynamically
  • Remove: streaks, rank position, days active, recent actions

Design Notes:

  • Personal focus, encouraging tone
  • Use shrimp-themed color palette (coral/peach tones)
  • very Large, readable stats

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions