Skip to content

[Feature Request]: Add a "Contributors Wall" page showcasing all open-source contributors with stats and GitHub integration #2055

Description

@prince-pokharna

Summary

Recode Hive is a community-driven open-source organization, yet the website does not have a dedicated Contributors Wall that celebrates and showcases the people who have built it. A contributors page with GitHub-sourced stats (commits, PRs, issues) would increase community pride, improve contributor retention, and serve as a public recognition mechanism.

Problem

  • There is no dedicated /contributors page on the website.
  • Contributors who invest time in the project have no public acknowledgment beyond their GitHub profile link in README.md.
  • For a community-focused organization, this is a meaningful gap — recognition is a primary motivator for open-source contributors.
  • The GitHub API provides all the data needed (contributor stats, avatar, profile URL, commit counts) without requiring a separate database.

Impact

  • Contributors are less motivated to contribute consistently without public recognition.
  • Potential new contributors who visit the website cannot see the vibrant community around the project.
  • Missed opportunity to showcase community health as a trust signal to potential collaborators and sponsors.

Proposed Solution

  1. Create a /contributors page that fetches contributor data from the GitHub REST API at build time (or via ISR/SSR):
   const res = await fetch(
     'https://api.github.com/repos/recodehive/recode-website/contributors',
     { headers: { Authorization: `Bearer ${process.env.GITHUB_TOKEN}` } }
   );
   const contributors = await res.json();
  1. Render a responsive card grid — each card shows: GitHub avatar, username (linked to profile), contribution count, and a decorative badge for top contributors (Top 5, Top 10).
  2. Add real-time data via Next.js ISR (revalidate: 3600) so the page stays up to date without a full redeploy.
  3. Add a search/filter to find a specific contributor by username.
  4. Include an invite section at the bottom encouraging visitors to contribute and join the community.

Additional Notes

  • I will handle rate limiting gracefully with appropriate GitHub token usage via a server-side environment variable.
  • I will ensure the page is mobile-responsive and matches the existing design system.
  • Could you assign this to me?

Labels: enhancement, feature, community, good first issue, GSSoC 2026

Metadata

Metadata

Labels

Projects

Status
No status

Relationships

None yet

Development

No branches or pull requests

Issue actions