Skip to content

feat: implement gamified leaderboard page with podium, rivals, and agent deployment (#278)#279

Open
anuragbraveboy-sudo wants to merge 1 commit into
Coder-s-OG-s:mainfrom
anuragbraveboy-sudo:feature/gamified-leaderboard
Open

feat: implement gamified leaderboard page with podium, rivals, and agent deployment (#278)#279
anuragbraveboy-sudo wants to merge 1 commit into
Coder-s-OG-s:mainfrom
anuragbraveboy-sudo:feature/gamified-leaderboard

Conversation

@anuragbraveboy-sudo

Copy link
Copy Markdown

Description

This pull request implements a fully gamified Leaderboard page for the MergeShip platform. It provides scope filtering (Global, Monthly, Organization, Friends), a visual top 3 podium layout, a detailed ranking table with consecutive day streaks, a local sidebar for agent deployment, and an interactive right sidebar for rivals, statistics, and season rewards.

Related Issues

Closes #278

Key Changes

🏗️ Backend Updates

  • Server Action Enhancements (leaderboard.ts):
    • Implemented data scope aggregation queries for 'monthly', 'organization', and 'friends'.
    • Added total platform contributor count and total XP shipped statistics.
    • Computes active consecutive day streaks and retrieves the user's nearest rivals (rank directly above and below) in the database.
    • Prefixes user ID to cache keys for user-dependent filters to avoid privacy leaks.

🎨 Global Sidebar

  • User Stat Display (layout.tsx):
    • Displays the user's global rank and total XP in the sidebar footer.
  • Agent Deployment Button (deploy-agent-button.tsx):
    • Renders a neon green solid button (#00FF87) that triggers an interactive simulated terminal deployment overlay detailing authorization checks, code audits, container registry, and container activation.

🏆 Leaderboard Page

  • LeaderboardClient Component (leaderboard-client.tsx):
    • Renders Gold, Silver, and Bronze glowing border podium cards for the top 3 scoped players.
    • Implements the main rankings table with fields for rank, contributor handle/avatar, XP, merged PR count, and streak (orange flame icon). Highlights the current user in green text and glowing background.
    • Displays the interactive right sidebar with Rivals (and Duel comparisons), total Stats, and a progress tracker towards season rewards.
  • Duel Comparison (duel-modal.tsx):
    • Opens a modal showing side-by-side avatar containers and visual stat comparison progress bars (XP, merged PRs, active streaks) comparing the user against the selected rival.

How to Test / Verify Locally

  1. Run npm install to install dependencies.
  2. Run npm run typecheck to verify TypeScript compilation.
  3. Run npm run test to verify unit tests.
  4. Run npm run build to verify production build.

@vercel

vercel Bot commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Someone is attempting to deploy a commit to the codersogs-3057's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Soumya-codr

Copy link
Copy Markdown
Collaborator

Hi @anuragbraveboy-sudo.

You haven’t even been assigned to this issue, why did you create this PR?

Do not submit any pull requests to this repository without being assigned to them first. Please request assignment before doing any work from now on.

Thanks Happy Coding

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.

[FEATURE] - Implement gamified Leaderboard page

2 participants