Skip to content

feat: add leaderboard gamification system with badges, streaks, and tier progression (Closes #839) [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT] - #1442

Open
waterWang wants to merge 3 commits into
SolFoundry:mainfrom
waterWang:feat/leaderboard-gamification-839
Open

feat: add leaderboard gamification system with badges, streaks, and tier progression (Closes #839) [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT]#1442
waterWang wants to merge 3 commits into
SolFoundry:mainfrom
waterWang:feat/leaderboard-gamification-839

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Implements Bounty #839 (T2, 500K $FNDRY) — leaderboard gamification system with badges, streaks, and tier progression.

Changes

New files

  • frontend/src/lib/gamification.ts — Badge definitions (13 types), tier system (5 levels: Bronze→Master), streak level calculator, tier progress utilities
  • frontend/src/components/leaderboard/BadgeDisplay.tsx — Badge icon display with tooltip support, overflow indicator
  • frontend/src/components/leaderboard/TierBadge.tsx — Tier badge component with gradient colors, plus a progress bar showing next tier progress

Modified files

  • frontend/src/types/leaderboard.ts — Added badges and tier fields to LeaderboardEntry
  • frontend/src/components/leaderboard/PodiumCards.tsx — Added tier badge and badge display to podium cards
  • frontend/src/components/leaderboard/LeaderboardTable.tsx — Added tier column, badge display in user rows, enhanced streak with color-coded levels
  • frontend/src/pages/LeaderboardPage.tsx — Added tier distribution overview section with per-tier counts and total bounties

Gamification Features

Badge System (13 achievement types)

  • First Blood, Speed Demon, Consistent, On Fire, Top Hunter, All-Rounder, Big Earner, Whale, OG, Reviewer, 7/14/30-Day Streak
  • Bronze/Silver/Gold tiers per badge
  • Compact display on podium cards and table rows

Streak Tracking

  • Enhanced from static fire icon to color-coded levels (Starting→Warm→On Fire→Blazing→Legendary)
  • Tooltip showing streak level and day count

Tier Progression (5 levels)

  • Bronze → Silver → Gold → Diamond → Master
  • Each tier has a gradient color and icon
  • Progress bar showing advancement to next tier
  • Tier distribution overview on leaderboard page

… [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT]
… earnings chart, and key stats (Closes SolFoundry#836)

- Add StatsOverview component showing total earned, bounties completed, streak, rank
- Add GitHubActivityGraph component with weekly bar chart and contribution heatmap
- Add EarningsTab with dual USDC/FNDRY charts and summary cards
- Add SubmissionsTab with bounty status breakdown
- Add GitHub activity API module and hooks
- Add profile stats API module and hooks
- Add missing lib/animations.ts and lib/utils.ts with all exports
- Add recharts type declarations
- Update .gitignore to allow frontend/src/lib/
- TypeScript compiles with zero errors, Vite build succeeds
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant