Pular para o conteúdo
brorn
PT / EN
Nº 007 · Esporte e vídeo

PlayIQ

Painel de desenvolvimento de um atleta de base, a partir dos dados do Playermaker, com um “Treinador IA” que traduz métricas em foco de treino e linguagem para os pais.

Experimento
Período
2026-07 → 2026-10
Plataformas
Web (PWA)
Papel
Sozinho: design, código e entrega
Tecnologias
Fig. 1 · Visão geral
Fig. 2 · Plano de treino
Fig. 3 · Radar e recordes

§1O problema

Os números do Playermaker são difíceis de ler para pais e atletas jovens. Faltava uma tela que mostrasse a evolução e sugerisse o que treinar, sem virar ranking.

§2O que eu construí

  • Painel4 visões (geral, treino, sessões e comparação), com medidores, radar e gráficos.
  • Treinador IATexto gerado a partir das métricas.
  • PersistênciaChecklist de exercícios e perfil que persistem no banco.
  • Conteúdo por idadeSem diagnóstico nem ranking de crianças.
  • InterfaceResponsiva, instalável (PWA) e com guarda de acesso local.

§3As partes difíceis

4 itens
  1. 01

    Transformar métricas em medidores, radar e textos

  2. 02

    Estado do cliente

    Zustand por requisição e atualização otimista com gravação na API.

  3. 03

    Implementar fielmente um design de protótipo

  4. 04

    Conteúdo para criança

    Sem metas de elite nem comparações.

§4Resultado

O painel roda com dados de exemplo tirados do protótipo de design.

§5Stack

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