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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions