Rankd

LoL stats, u.gg-style

View live app (opens in a new tab)
v3.7Version
883/883Tests passing
In active useStatus

Problem

Seeing friends' League of Legends rank at a glance, without checking each profile individually.

Approach

A friends dashboard built on the Riot API, with live-game status and per-player rank and win-rate tracking.

Result

v3.7, in active daily use by Niklas and his friend group.

Tech Stack

  • Next.js
  • TypeScript
  • Riot API

Screenshots

Rankd Board — friends dashboard showing live rank, LP, and recent results for multiple players
Board — friends' rank at a glance
Rankd Leaderboard — Challenger-tier ranked ladder
Leaderboard — Challenger ladder
Rankd Profile page — v3.7 Signature Card with embedded match history
Profile — Signature Card & match history