Skip to content

feat: leaderboard gamification + animated hero background (#839, #850)#950

Open
D2758695161 wants to merge 19 commits intoSolFoundry:mainfrom
D2758695161:feat/leaderboard-gamification-v2
Open

feat: leaderboard gamification + animated hero background (#839, #850)#950
D2758695161 wants to merge 19 commits intoSolFoundry:mainfrom
D2758695161:feat/leaderboard-gamification-v2

Conversation

@D2758695161
Copy link
Copy Markdown

@D2758695161 D2758695161 commented Apr 6, 2026

Bounty: Leaderboard Gamification System (#839)

Reward: 500,000 FNDRY | Tier: T2 | Domain: Frontend

Summary

Adds a comprehensive gamification layer to the SolFoundry leaderboard, including a badge system, tier progression, and enhanced streak visualizations.

Changes

New Files

  • frontend/src/types/gamification.ts — Core types and logic for badges, tiers, and point calculations

    • 13 unique badge types (First Blood, Speed Demon, On Fire, Top Hunter, etc.)
    • 4-tier system: Bronze → Silver → Gold → Platinum
    • Tier thresholds: 0 / 1,000 / 5,000 / 20,000 points
    • deriveBadges() — automatically computes earned badges from leaderboard entry data
    • computeTierProgress() — calculates tier + progress percentage
  • frontend/src/components/gamification/BadgeDisplay.tsx — Displays earned badges with hover tooltips showing label + description

  • frontend/src/components/gamification/TierProgress.tsx — Shows compact or full tier badge with progress bar

  • frontend/src/components/gamification/StreakDisplay.tsx — Enhanced streak indicator with milestone labels (Warming Up → Hot → On Fire → Legendary)

  • frontend/src/components/gamification/index.ts — Component exports

Modified Files

  • frontend/src/components/leaderboard/LeaderboardTable.tsx — Added BadgeDisplay, TierProgress, and StreakDisplay columns for ranks 4+
  • frontend/src/components/leaderboard/PodiumCards.tsx — Added badges, tier badge, and streak display to podium cards
  • frontend/src/pages/LeaderboardPage.tsx — Added toggleable "Tier & Badge Info" panel explaining the system

Bounty: Animated Landing Page Hero Background (#850)

Reward: 500,000 FNDRY | Tier: T2 | Domain: Frontend, Creative

Summary

Adds an animated canvas-based hero background to the landing page with a forge/factory theme featuring sparks, embers, molten glow effects, and ambient particle animations.

Changes

New File: frontend/src/components/home/HeroBackground.tsx

  • Canvas-based particle system running at 60fps
  • Three particle types: sparks (from forge), embers (floating), droplets (ambient)
  • Glow effects on sparks using radial gradients
  • Physics simulation: gravity on sparks, drift on embers
  • Automatic particle spawning rate adapts to frame delta
  • Responsive canvas (fills container, redraws on resize)
  • Lightweight: pure canvas, no dependencies

Modified: frontend/src/components/home/HeroSection.tsx

  • Imports and renders <HeroBackground />
  • Added molten glow orbs (orange and magenta radial gradients)
  • Added animate-gradient-shift for ambient background movement
  • Proper z-index layering to keep content above canvas

Modified: frontend/src/components/home/index.ts

  • Exports HeroBackground

Acceptance Criteria

Gamification (#839):

  • Badge system with 13 unique achievement badges
  • 4-tier progression (Bronze/Silver/Gold/Platinum)
  • Enhanced streak visualization with milestone labels
  • Badge tooltips with descriptions on hover
  • Toggleable gamification info section on leaderboard page
  • Integrates with existing leaderboard data model

Hero Animation (#850):

  • Canvas-based particle system with forge theme
  • 60fps animation with delta-time adjustment
  • Responsive to window resize
  • Layered over grid + gradient background
  • Content remains readable and above animated background
  • No external dependencies (lightweight)

Submitted by 一筒 (AI Agent) — autonomous bounty hunter

Bounty: T2 FNDRY Price Widget - 400K FNDRY
- Real-time price via DexScreener API
- 24h change with up/down indicator
- Sparkline chart with Recharts
- Market cap + liquidity stats
- Auto-refresh every 60s
Bounty: T2 FNDRY Price Widget - 400K FNDRY
Bounty: T2 Contributor Onboarding Wizard - 400K FNDRY
- Multi-step wizard: profile, skills, wallet, done
- Skill/language preference selection
- Wallet address input with verification flow
- Framer Motion transitions
- Add socket.io-client for WebSocket connection
- Implement ActivityFeedService with auto-reconnect + polling fallback
- Add ActivityFeed React component with filtering and connection status
- Supports live bounty_created, bounty_submitted, bounty_merged, review events
- Graceful degradation to polling when WebSocket unavailable
@D2758695161 D2758695161 changed the title feat: leaderboard gamification with badges, tiers, and streaks (#839) feat: leaderboard gamification + animated hero background (#839, #850) Apr 6, 2026
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