Skip to content

[GOOD FIRST ISSUE] Add descriptive tooltips to StreakTracker stat cards #205

@Priyanshu-byte-coder

Description

@Priyanshu-byte-coder

Summary

StreakTracker shows Current Streak, Longest Streak, Active Days with no explanation. New users don't know the difference.

Expected Behaviour

Each stat card has a small info icon that shows a tooltip on hover/focus:

  • Current Streak: 'Consecutive days with at least 1 commit, ending today'
  • Longest Streak: 'Your best consecutive-day run of all time'
  • Active Days: 'Total days with at least 1 commit in the selected period'

Implementation Notes

  • Use title attribute or Tailwind CSS tooltip div
  • Must work with keyboard focus, not hover-only
  • Use heroicons information-circle SVG (already in codebase)
  • No new npm dependencies

GSSoC Info

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

Metadata

Metadata

Labels

enhancementNew feature or requestgood first issueGood for newcomersgssoc26GSSoC 2026 contributionlevel:beginnerGSSoC: Beginner difficulty (20 pts)type:accessibilityGSSoC type bonus: accessibility (+15 pts)

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions