além do script

Water Drink: aplicativo para acompanhar a hidratação diária

Water Drink (Hidratação Diária) é um app mobile feito em React Native com Expo para registrar a ingestão de água, calcular metas personalizadas e lembrar o usuário de se manter hidratado.

ExpoReact Nativemobileprodutividadesaude

Nível: Iniciante | Tempo de Leitura: 2 min

por Marcelo Macedo

Water Drink: aplicativo para acompanhar a hidratação diária

O Water Drink (nome interno "Hidratação Diária") é um aplicativo mobile que desenvolvi em React Native com Expo para registrar e acompanhar a ingestão de água ao longo do dia, ajudando a manter uma meta diária de hidratação.

waterdrink-boas-vindas
waterdrink-boas-vindas

A ideia surgiu de um problema simples e pessoal: lembrar de beber água ao longo do dia sem depender de anotações manuais ou cálculos feitos "de cabeça".

Onboarding personalizado

Ao abrir o app pela primeira vez, o usuário passa por um questionário rápido — sexo, faixa etária e peso (opcional) — usado para calcular automaticamente uma meta diária recomendada, que também pode ser ajustada manualmente.

waterdrink-recipientes-favoritos
waterdrink-recipientes-favoritos

Nessa mesma etapa já é possível escolher os recipientes favoritos (copos, garrafas, squeezes) que vão aparecer como atalhos no dia a dia.

Tela inicial

A tela principal mostra um indicador circular com o percentual e o volume já consumido, a meta em destaque e botões de ação rápida para registrar volumes predefinidos com um toque — além de um botão + Personalizado para quantidades específicas.

waterdrink-tela-inicial
waterdrink-tela-inicial

Conquistas e widget

Um sistema de troféus gamifica o uso do app (registros, metas batidas, sequências por dia da semana), e um widget Android permite registrar água direto da tela inicial do celular, sem precisar abrir o app.

waterdrink-widget
waterdrink-widget

Stack

O projeto usa React Native + Expo, React Navigation, expo-notifications para lembretes locais, AsyncStorage para persistência local dos dados e react-native-android-widget para o widget Android.

Para o funcionamento detalhado de cada funcionalidade, veja o post detalhado do Water Drink ou o código-fonte no GitHub.

💡 Precisa de suporte técnico para arquitetar sistemas resilientes e escaláveis?

Sou Marcelo Alberico Macedo, Engenheiro de Software Sênior e Arquiteto. Possuo MBA pela USP/Esalq e atuo desenhando ecossistemas de microsserviços, mensageria e alta disponibilidade para plataformas enterprise.