[GOOD FIRST ISSUE] Add total repository count to Repos widget header

[Priyanshu-byte-coder]

What Needs to Be Done

The Repos widget header says "Repositories" but doesn't show how many repos the user has. Add a count badge next to the title, e.g. "Repositories (12)".

Why This Matters

Users want a quick overview number without having to count the list items. It also makes the widget feel more data-rich and informative.

Files to Look At

• src/components/ — find the Repos/repositories widget component
• src/app/api/metrics/repos/route.ts — the API response shape (check if total is returned)

Acceptance Criteria

• Header shows "Repositories (N)" where N is the total count
• If total is 0, show "Repositories" without a count (or "Repositories (0)")
• Count matches the number of repos in the API response
• No layout shift — count is part of the heading, not a separate element

Tech Context

The repos API returns an array. repos.length gives the count. Just render it in the heading: Repositories ({repos.length}).

Mentorship

Comment on this issue and you'll receive a welcome comment with onboarding steps. The maintainer will guide you through your first PR.

[indresh404]

Hi @Priyanshu-byte-coder , I’d like to contribute to this issue under GSSoC'26. I’ve gone through the contributing docs, setup instructions, and project structure.

[gitsofyash]

Hi @Priyanshu-byte-coder! I'd love to work on this issue under GSSoC '26.

I've gone through the issue description and the approach is clear — render repos.length inline in the widget heading as Repositories (N), and conditionally hide the count (or show (0)) when the array is empty, with no separate element to avoid layout shift.

Could you please assign this to me? Happy to follow your onboarding steps and get a PR up quickly! 🚀

[tmdeveloper007]

Proposed Implementation Plan

Here is a detailed, technically solid, step-by-step approach to solve this issue:

1. Open the Repositories Card component in src/components/.
2. Identify the prop/state array containing the list of repositories (e.g., repos).
3. In the header layout, render a dynamic count badge next to the heading: Repositories ({repos.length}) or inject a styled badge pill using standard Tailwind CSS: <span className="ml-2 rounded-full bg-muted px-2 py-0.5 text-xs">{repos.length}</span>.

I would love to work on this issue and implement the proposed solution. Could you please assign this issue to me? Thank you!

[srinidhi-2006-bit]

/assign

[srinidhi-2006-bit]

Hi @Priyanshu-byte-coder, I’d like to work on #954 ([GOOD FIRST ISSUE] Add total repository count to Repos widget header).

This looks like a good beginner-friendly frontend enhancement and I would love to contribute to it under GSSoC'26. Please assign it to me if available.