MyFinance é um sistema de finanças pessoais construído como produto real, com foco em clareza patrimonial, arquitetura modular e execução técnica rigorosa.

Um case técnico que organiza previsto e realizado, posição de caixa, cartões, recorrência, metas e importação CSV em uma base coesa, visualmente consistente e pronta para evoluir.

Next.js 16React 19Prisma + MySQLTDDAuth hardeningStandalone deployDashboard patrimonialImportação CSV

Stack

Next.js 16, React 19 e Prisma com fronteira server/client clara.

O produto foi montado como aplicação real de App Router, com SSR onde faz sentido e cliente apenas no ponto certo.

Hardening

Autenticação, dashboard e tema revisados com TDD antes de virar interface.

Os fluxos principais foram endurecidos com regressões automatizadas, correção de hydration e bloqueio real de páginas protegidas.

Operação

Deploy standalone, PM2 e baseline do Prisma prontos para ambiente real.

A base suporta build standalone, seed idempotente, baseline de migrations e execução orientada a produção.

Produto

Visão patrimonial, cartão, recorrência, metas e importação em uma narrativa coesa.

O valor do projeto não está só nos CRUDs, mas em tratar finanças pessoais como operação contínua com clareza de caixa.

Dor operacional

Problema resolvido

A maioria dos controles pessoais separa gastos, cartões, metas e recorrência em fluxos desconectados. O resultado é perda de clareza entre o que já aconteceu, o que ainda vence e o que de fato afeta o patrimônio.

Estrutura

Arquitetura e produto

A aplicação foi organizada para sustentar crescimento sem virar acoplamento acidental: App Router, módulos por domínio, boundaries explícitas entre servidor e cliente e serviços focados em contrato.

Execução

Qualidade de execução

O trabalho foi conduzido com TDD, hardening progressivo de autenticação e UI, revisões de performance e deploy standalone pronto para PM2, reduzindo o espaço para regressão silenciosa.

Provas visuais

O produto existe, funciona e sustenta a narrativa técnica com telas reais.

As imagens abaixo foram capturadas do próprio MyFinance em execução, com dashboard, fluxo de transações e revisão de importação CSV.

Dashboard MyFinance — Dashboard patrimonial
Leitura de posição financeira com cards fortes, pendências e visão mensal.

Fluxo de transações MyFinance — Operação de transações
Listagem densa, organizada e orientada a operação diária em vez de IDs internos.

Revisão de importação CSV MyFinance — Importação CSV guiada
Revisão do preview antes da confirmação, protegendo a qualidade do dado importado.