Todos os projetos

Saúde e bem-estar · acompanhamento de peso

Peso, medidas e fotos com os dados só no aparelho

Check-ins livres viram indicadores, projeção, gráficos e comparação de fotos, sem conta e sem servidor.

Três telas do novo desenho do app: gráfico de peso com meta e trajetória ideal, painel com peso atual e indicadores, e comparação de fotos com divisor deslizante. Dados e silhuetas fictícios.
Nova interface: desenho de referência para a próxima versão do app, com dados fictícios.

O desafio

A evolução aparece. As fotos ficam no aparelho.

Acompanhar uma perda de peso exige juntar pesagens, medidas e fotos em um só lugar e enxergar a tendência, sem mandar fotos do corpo para um servidor.

A construção

Registrar quando quiser e enxergar a tendência.

Um app instalável (PWA) organiza perfil e meta, check-ins livres com peso, medidas e fotos, indicadores de ritmo e projeção, gráficos de peso, variação semanal e medidas, e a comparação de fotos lado a lado, com divisor deslizante ou sobreposição. Tudo fica no navegador, em IndexedDB, sem conta e sem servidor; backup e migração entre aparelhos usam um arquivo ZIP.

  • Registrar peso, medidas e fotos em qualquer combinação.
  • Acompanhar ritmo, projeção e gráficos, com a opção de ver cada gráfico como tabela.
  • Comparar fotos de duas datas e exportar a comparação em PNG.

Engenharia aplicada

Decisões que fazem diferença

  1. Local-first de verdade.

    Os dados ficam em IndexedDB no próprio aparelho, sem conta, servidor ou telemetria. As fotos são recomprimidas no navegador, o que descarta os metadados, e só saem de lá no backup que a pessoa exporta.

  2. Uma fronteira para crescer.

    As telas só conhecem uma interface de repositório. Login e sincronização podem entrar trocando a implementação dos dados, sem reescrever a interface.

  3. Cálculos com teste.

    Datas, unidades, tendência, projeção e backup têm testes automatizados. Um teste de ponta a ponta percorre o app do cadastro à exportação e restauração do backup.

Comparação de fotos no novo desenho, com divisor deslizante e o modo sobreposição, e o cartão de backup em arquivo ZIP.
Comparação de fotos e backup local no novo desenho. Silhuetas ilustrativas, sem fotos reais.
Interface atual: painel com peso atual e indicadores, e gráfico de peso com meta e trajetória ideal.
Interface atual, com os dados sintéticos de exemplo do próprio app.
Comparação de fotos de exemplo com divisor deslizante entre duas datas.
Comparação com divisor deslizante, usando as silhuetas de exemplo geradas pelo app.

Seu próximo projeto

Vamos construir o que sua operação precisa.

Conte o problema, as ferramentas que você usa e o que quer colocar para funcionar.

Conversar sobre meu projetoExplorar outro projeto