Fullstack

Finance App

Plataforma de finanças pessoais para registrar e categorizar transações e visualizar gastos com gráficos interativos. Construída com Next.js 14, PostgreSQL, Prisma e Stripe.

Finance App

Sobre o projeto

O Finance App é uma plataforma de finanças pessoais que reúne o controle do dinheiro em um só lugar: registra transações, categoriza receitas e despesas e transforma os dados em um painel analítico, com um plano premium por assinatura.

O problema

Controlar as finanças pessoais costuma acabar em planilhas trabalhosas de manter e difíceis de ler. O objetivo foi um único lugar onde registrar movimentações seja rápido e os números se entendam de relance.

A solução

  • Gestão completa de transações: criar, editar, excluir, filtrar e buscar.
  • Painel analítico com gráficos interativos de receitas, despesas e investimentos.
  • Categorização inteligente cobrindo moradia, transporte, alimentação, saúde, educação, salário e mais.
  • Plano premium por assinatura com checkout do Stripe e status controlado por webhooks.

Arquitetura e stack

O app roda em Next.js 14 (App Router) com React 18, Tailwind CSS e shadcn/ui, usando Recharts para a visualização e TanStack Table para as tabelas de transações. Os formulários são validados com React Hook Form e Zod.

Os dados ficam em PostgreSQL acessado via Prisma, com server actions para as mutações. A autenticação usa Clerk e os pagamentos usam Stripe, com webhooks assinados que mantêm o estado da assinatura sincronizado.

Código e propriedade

O código-fonte é público e distribuído sob licença MIT; este projeto faz parte do portfólio e pode ser inspecionado e executado localmente.

Stack

  • Next.js
  • React
  • TypeScript
  • PostgreSQL