Skip to content
brorn
EN / PT
No. 007 · Sports & video

PlayIQ

Development dashboard for a youth athlete, built on Playermaker data, with an “AI Coach” that turns metrics into training focus and plain language for parents.

Experiment
Period
2026-07 → 2026-10
Platforms
Web (PWA)
Role
Solo: design, build, ship
Tech
Fig. 1 · Overview
Fig. 2 · Training plan
Fig. 3 · Radar and records

§1The problem

Playermaker numbers are hard to read for parents and young athletes. There was no screen that showed progress and suggested what to train without turning into a ranking.

§2What I built

  • Dashboard4 views (overview, training, sessions and comparison) with gauges, radar and charts.
  • AI CoachText generated from the metrics.
  • PersistenceExercise checklist and profile saved to the database.
  • Age-appropriate contentNo diagnosis and no ranking of children.
  • UIResponsive, installable (PWA), with a local access guard.

§3The hard parts

4 entries
  1. 01

    Turning metrics into gauges, radar and text

  2. 02

    Client state

    Zustand per request, with optimistic updates saved through the API.

  3. 03

    Faithfully implementing a prototype design

  4. 04

    Content for a child

    No elite targets and no comparisons.

§4Result

The dashboard runs on sample data taken from the design prototype.

§5Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Zustand
  • SQLite (better-sqlite3)