Skip to content

Build maintainer dashboard UI #3

Description

@AbdulSnk

Overview

StreamForge Web needs a maintainer dashboard where project owners can see a high-level overview of their project's contribution activity, scoring data, and pending rewards.

What needs to be done

  • Create a /dashboard route in the Next.js app
  • Build the following UI sections:
    • Project summary card (project name, total contributors, total rewards paid)
    • Recent activity feed (latest contribution events)
    • Top contributors list (ranked by score)
    • Pending rewards panel (contributors with unclaimed rewards)
  • Connect the dashboard to the StreamForge API scoring endpoint
  • Show a loading state while data is being fetched
  • Show an empty state when no data is available

Acceptance Criteria

  • /dashboard route exists and renders correctly
  • All four sections are implemented
  • Data is fetched from the API — no hardcoded values
  • Loading and empty states are handled
  • UI is responsive on both desktop and mobile

Notes

Use the existing Next.js and TypeScript setup. Keep components modular — one component per section. Tailwind CSS is preferred for styling.

Metadata

Metadata

Assignees

No one assigned

    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