Pular para o conteúdo principal
Ranielli Montagna

case

Klick

Timer de speedcubing offline-first para os 13 eventos da WCA.

klick.ranimontagna.com
Timer do Klick no computador, de um solve armado até o tempo final
Timer do Klick no celular, com uma área para cada polegar

01a dor

O histórico que sumia.

Na pesquisa antes do Klick v2, o relato que mais se repetia era o de quem perdeu de meses a três anos de tempos: dados do navegador limpos, celular trocado, app que não guardava direito.

paráfrase de relatos reais em fóruns de cubers, da pesquisa do Klick v2

02as decisões

O que entrou primeiro.

  1. Os tempos moram no aparelho (IndexedDB) e o app funciona offline depois da primeira visita.

  2. Backup automático local a cada 50 solves e uma vez por dia, com lixeira de 30 dias.

  3. Conta opcional e sem senha (código por e-mail ou passkey) para sincronizar e guardar cópias na nuvem.

  4. Os 13 eventos da WCA com embaralhamentos oficiais, e importação do csTimer para quem vem de lá.

03o produto

No ar, no computador e no celular.

PWA instalável com estatísticas, metas, calendário de treino, uma trilha de aprendizado com cubo 3D e desafios por link, sem precisar de conta.

  1. Cada centésimo vira dado.

    Recordes, médias de 5 a 1000, a semana contra a anterior e metas que mostram quanto falta.

    klick.ranimontagna.com
    Aba Evolução do Klick no computador, com recordes, médias e semanas de treino
    Aba Evolução do Klick no celular
  2. Aprender com o cubo na tela.

    Nove etapas, da cruz branca ao F2L com algoritmos. Um cubo 3D mostra cada movimento, e o treino de casos fica fora das estatísticas.

    klick.ranimontagna.com
    Aula de F2L intuitivo com o cubo 3D fazendo U R U’ R’
    Aula da Trilha no celular, com o cubo 3D
  3. Um cubo que acompanha o treino.

    O Centro reage a cada solve e acende marcos por temporada. Fechar uma temporada libera um acabamento novo.

    klick.ranimontagna.com
    Tela do Centro com 7 de 9 marcos da temporada e o acabamento Gelo
    Centro no celular, com os marcos da temporada

04como foi feito

Construído com agentes, revisado por mim.

428 de 429 commits com coautoria de agente de IA, até 06/11/2026

Svelte 5 no front, um Worker da Cloudflare no servidor (um Durable Object por conta, D1 e R2) e testes com Vitest, Playwright e axe.

  • Svelte 5
  • TypeScript
  • Vite
  • PWA
  • IndexedDB
  • cubing.js
  • Cloudflare Workers
  • Durable Objects
  • D1
  • R2
próximo caseGrimory →