WatchRuneterra

League of Legends analytics platform with Bloomberg Terminal-inspired UI

Overview

WatchRuneterra is a professional-grade match analysis and player progression tracking platform for League of Legends. It provides the kind of detailed analytics typically reserved for pro teams—timeline events, phase-by-phase breakdowns, benchmark comparisons against your rank tier, and role model tracking.

The UI takes inspiration from Bloomberg terminals: dense with information, customizable dashboards, and designed for users who want depth over simplicity.

Core Features

Match Analysis — Detailed breakdown with timeline events, gold/CS tracking, and phase-by-phase progression
Champion Statistics — Per-champion performance metrics and progression insights
Benchmark Comparisons — Compare performance against players in your rank tier
Customizable Dashboards — Draggable widget system with saveable layout presets (15+ widget types)
Live Game Monitoring — Track active games and LP changes
Role Model Tracking — Compare your stats against high-elo players you follow
Player Comparison — Side-by-side analysis with other summoners

Technical Details

Framework	Next.js 16 (App Router)
Database	PostgreSQL (Neon) + TimescaleDB
Cache	Upstash Redis
Auth	Clerk + Riot OAuth
State	React Query (server) + Zustand (client)
Charts	AG Charts
Deploy	Vercel

Scale

89 API endpoints (67 public, 12 admin, 6 cron jobs)
60+ services in the business logic layer
100+ React components across 13 categories
13 Prisma database models

Architecture

Riot API → riot.service.ts → match-processing.service.ts
                ↓
         repositories/ → PostgreSQL + Redis
                ↓
         lib/services/ (analytics, benchmarks)
                ↓
         React Query hooks → Zustand stores → UI

Status

Production MVP on version 0.1.0. Actively developed with comprehensive test coverage and structured workflows for quality assurance. Recent work includes Season 2026 preparation with version-gated features.