Skip to content

[FEAT] : Add shareable stats card with Twitter/X and LinkedIn share buttons #2265

Description

@111-Vaishali

Problem Statement

I'm always frustrated when I want to show off my DevTrack
stats to my network but there's no easy way to do it.
Currently, users have no way to share their coding streak,
PR merge rate, or weekly goal progress with others.
Developers love showing their consistency publicly —
LinkedIn posts, Twitter/X threads, README badges — but
DevTrack has no sharing mechanism at all right now.

Proposed Solution

Add a "Share My Stats" button on the dashboard that lets
users share their DevTrack profile in one click.

Phase 1 — Copy shareable link:

  • A "Share Stats" button that copies the user's public
    profile URL to clipboard
  • Shows "✓ Copied!" confirmation for 2 seconds then resets

Phase 2 — Social sharing buttons:

  • Twitter/X button that opens a pre-filled tweet:
    "🔥 My DevTrack stats:
    📈 X day streak
    ✅ X% merge rate
    🎯 Weekly goal X% complete
    Track your own coding pulse 👇
    [link] #GitHub #DevTrack #GSSoC"

  • LinkedIn button that opens LinkedIn share dialog
    with the profile URL

Phase 3 — Stats card image (stretch goal):

  • Generate a downloadable PNG card showing the user's
    key stats (streak, contributions, merge rate, goal %)
    that can be attached to social posts directly

Files likely to be modified:

  • src/components/DashboardHeader.tsx — add share buttons
  • src/app/dashboard/page.tsx — pass user stats to share
  • src/components/ShareStatsCard.tsx — new component

Why this matters:
Sharing is the single biggest organic growth driver for
developer tools. Every time a user shares their DevTrack
stats, it introduces DevTrack to their entire network.
This directly helps the project grow its contributor
and user base.

Feature Area

Dashboard

Alternatives Considered

I considered just adding a "Copy profile URL" button
without social sharing, but that feels incomplete and
misses the viral growth opportunity. I also considered
making the stats card the only feature, but a phased
approach (copy link → social buttons → image card)
means Phase 1 can ship quickly as a small PR while
Phase 2 and 3 follow as improvements.

Acceptance Criteria

Additional Context

No response

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestgssoc:assignedGSSoC: Issue assigned to a contributorneeds-triageNeeds maintainer triage

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions