Balancefy é uma aplicação web para gestão financeira pessoal, desenvolvida com Next.js, TypeScript, Prisma e TailwindCSS.
Ela permite que você controle categorias, registre transações, visualize relatórios e acompanhe a evolução da sua carteira de forma prática e intuitiva.
- Autenticação segura com NextAuth
- Gerenciamento de categorias (criar, editar e excluir)
- Registro de transações com valores e descrições
- Relatórios interativos com gráficos
- Página de carteira para acompanhar saldo e distribuição
- Interface moderna feita com TailwindCSS e shadcn/ui
- Suporte a tema claro e escuro (light/dark)
- Layout responsivo (desktop e mobile)
- Next.js – Framework React fullstack
- TypeScript – Tipagem estática
- PostgreSQL – Gerenciamento de banco de dados
- Prisma – ORM para banco de dados
- NextAuth – Autenticação
- TailwindCSS – Estilização
- shadcn/ui – Componentes UI acessíveis
- React Hook Form + Zod – Formulários e validação
- cloudinary – Upload e armazenamento de imagens
- React Query – Gerenciamento de estado assíncrono
balancefy/
├── public/ # Arquivos estáticos (imagens, ícones, etc.)
├── prisma/ # Configurações do Prisma e migrations
├── src/
│ ├── app/ # Rotas da aplicação (Next.js App Router)
│ │ ├── api/ # Rotas de API
│ │ ├── (auth)/ # Login, registro, etc.
│ │ ├── dashboard/ # Dashboard principal
│ │ ├── relatorios/ # Página de relatórios
│ │ └── carteira/ # Página de carteira
│ ├── components/ # Componentes reutilizáveis
│ ├── hooks/ # Hooks customizados
│ ├── lib/ # Configs (prisma, auth, utils)
│ └── types/ # Tipagens globais
└── ...Clone o repositório
git clone https://github.com/ivanrods/balancefy
cd balancefySiga os passos abaixo para executar o projeto localmente:
npm install
npm run dev