Skip to content

Add contributor leaderboard component to dashboard #4

Description

@AbdulSnk

Overview

The maintainer dashboard needs a dedicated contributor leaderboard component that visually ranks contributors by their StreamForge score in real time.

What needs to be done

  • Create a reusable ContributorLeaderboard component under src/components/
  • Display the following for each contributor:
    • Rank number
    • Contributor GitHub username and avatar
    • Total score
    • Number of contributions (PRs, commits, reviews)
    • Total rewards earned in USDC
  • Fetch data from the StreamForge API scoring endpoint
  • Support pagination or a "load more" button if contributors exceed 10
  • Highlight the top 3 contributors visually (e.g. gold, silver, bronze)

Acceptance Criteria

  • ContributorLeaderboard component exists under src/components/
  • Displays all fields listed above per contributor
  • Top 3 contributors are visually distinguished
  • Pagination or "load more" is implemented
  • Component handles loading, empty, and error states
  • Component is integrated into the /dashboard route

Notes

Keep the component fully reusable — it should work as a standalone component that can be dropped into any page. GitHub avatars can be fetched using https://github.com/{username}.png.

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