[GOOD FIRST ISSUE] Add empty state to StreakTracker when no contribution data

[Priyanshu-byte-coder]

Summary

StreakTracker shows 0s and a blank calendar when the user has no contribution data. Looks broken with no explanation.

Expected Behaviour

When contributionData is empty/null, show a friendly empty state with icon + message: 'No contributions found. Start committing to build your streak!' + link to user's GitHub.

Implementation Notes

• Check in StreakTracker.tsx: if no contribution data, render empty state instead of stat grid
• Follow empty-state pattern from TopRepos.tsx
• Container height must match loaded content to avoid layout shift
• No hardcoded Tailwind color classes — use CSS vars only

GSSoC Info

• Difficulty: Beginner — 20 pts
• Area: UI / DX

[srinidhi-2006-bit]

Hi @Priyanshu-byte-coder

I’m contributing under GSSoC’26 and I would like to work on this issue.

I understand that the task involves improving the StreakTracker experience by implementing a proper empty state when contribution data is unavailable, instead of displaying blank or misleading statistics. I’ll ensure the empty-state UI remains informative, visually consistent with the existing design patterns, and maintains stable layout dimensions to avoid visual shifts during loading or state transitions.

I’ll also carefully follow the existing styling conventions and ensure the implementation uses the project’s CSS variable system consistently.

Looking forward to contributing to DevTrack.

[github-actions]

✅ Closed as completed!

If DevTrack has been useful, a ⭐ star on the repo helps the project grow and reach more developers.

[srinidhi-2006-bit]

Hi @Priyanshu-byte-coder

Thank you for merging the PR.

I noticed that the gssoc:approved label is currently missing from the PR. Could you please add it so the contribution can be counted under GSSoC'26?

Thank you!