myFinances

Um Progressive Web App para controle de finanças pessoais com autenticação Google. Registre entradas e saídas, organize por categoria e tenha uma visão clara do seu saldo em tempo real.

  • React
  • Firebase
  • SASS
  • TypeScript
  • Framer Motion
  • Formik
  • React Router
Project Image

Clareza total sobre o seu orçamento pessoal.

O myFinances foi construído para eliminar a fricção no controle financeiro pessoal, combinando uma interface limpa com um backend robusto em tempo real. A autenticação via Google OAuth, gerenciada pelo Firebase Authentication, garante um login seguro e sem atritos, enquanto o Firebase Realtime Database persiste e sincroniza todas as transações instantaneamente entre sessões — sem necessidade de atualização manual.

No frontend, React com TypeScript e SASS entregam um dashboard leve, baseado em cards, que separa entradas e saídas em métricas de resumo claras. O tratamento e a validação de formulários são feitos com Formik e Yup, garantindo a integridade dos dados antes de qualquer registro chegar ao banco. O Framer Motion dá vida às transições e interações de modais, enquanto o React Router gerencia o fluxo de navegação protegido por autenticação. O produto final é um PWA implantável em qualquer host estático, oferecendo uma experiência nativa para o controle financeiro do dia a dia.