Back to projects

Selected project

GameOps analytics for live TFT match history.

TFT Performance Lab is a production-style portfolio project built around Riot API integration, match analytics, service health checks, containerized dependencies, Prometheus metrics, and Grafana dashboards that make backend behavior visible.

Role
Backend and product builder
Stack
Go, React, MySQL, Redis
Contribution
Riot API sync, analytics, Grafana observability
Outcome
GameOps portfolio platform
TFT Performance Lab dashboard showing Riot match history, service status, summary stats, selected match details, traits, units, and best patterns
01

Integrated live Riot API data

The API resolves Riot IDs through regional account routing, fetches TFT match IDs, pulls match detail payloads, and turns participant data into a compact player overview.

02

Stored summaries for repeatable analysis

Match summaries are persisted in MySQL with player records, placement, level, traits, units, augments, game duration, and timestamps for later analysis.

03

Exposed service health and metrics

The stack runs through Docker Compose with API, MySQL, Redis, Prometheus, and Grafana dashboard provisioning so reliability signals are part of the project, not an afterthought.

04

Debugged real payload failures

A real sync exposed nullable Riot fields that crashed the UI. The fix normalized API responses, emitted empty arrays, and added a React error boundary to avoid white screens.

Interface evidence

Readable screens from the analytics and operations workflow.

The project screenshots show both the user-facing match history dashboard and the Grafana monitoring surface used to track API requests, errors, ingestion, incidents, and sync duration.

TFT Performance Lab dashboard with SEA Riot ID search, API MySQL Redis status, placement stats, match rows, selected match details, units, and traits
Match history dashboard with service health, average placement, win rate, match filtering, selected match details, and safe empty-state handling. Open full-size
Grafana dashboard for TFT Performance Lab showing Riot API request rate, error rate, matches ingested, open incidents, and p95 sync duration
Grafana dashboard showing Riot API request rate, error rate, matches ingested, open incidents, and p95 sync duration. Open full-size
Prometheus target health page showing the TFT Performance Lab API metrics endpoint as up
Prometheus target health confirms the API metrics endpoint is being scraped and reporting UP. Open full-size

System flow

From Riot ID lookup to portfolio-ready operational evidence.

  1. Resolve playerThe API maps game name and tagline through Riot Account-V1 regional routing.
  2. Sync matchesThe match service fetches recent TFT match IDs and detail payloads from SEA routing.
  3. Summarize gamesThe backend calculates placement averages, win rate, top-four rate, top traits, and augment patterns.
  4. Persist dataMySQL stores player and match summaries while Redis participates in health checks.
  5. Observe runtimePrometheus scrapes API metrics and Grafana presents the operational dashboard.