Uma aplicação corporativa em React construída para uma gestão financeira moderna, rápida e elegante.
Desafio Front-end 2: Aplicação Full-stack desenvolvida para a simulação de transações, integração mock e análise financeira de ponta-a-ponta.
- Core: React 18, TypeScript, Vite.
- Roteamento: React Router.
- Gerenciamento de Estado Cliente: Redux Toolkit.
- Gerenciamento de Estado Servidor: TanStack Query (React Query) com cache ativo.
- Interface e Estilização: Material UI (MUI) com Dark Mode nativo.
- Requisições API: Axios.
- Formulários e Validação: React Hook Form integrado com Zod.
- Testes: Vitest, React Testing Library.
Certifique-se de que o Node.js está instalado antes de prosseguir.
# 1. Clone o repositório
git clone https://github.com/Kauanmaffeikraus/ZenitBank.git
cd ZenitBank
# 2. Instale as dependências
npm install
# 3. Inicialize o dashboard (Vite + JSON Server simultâneos)
npm run dev:allAcesse http://localhost:5173/ no seu navegador (Para testar de maneira rápida, os credenciais admin já se encontram preenchidas).
- Dashboard Real-time: Cartões analíticos calculados nativamente por dados da API local e Gráficos do saldo histórico construídos com Recharts.
- Gestão Transacional Avançada: Inserção, edição e exclusão de receitas e despesas num banco mock inteligente acoplado à Invalidação de Cache do React Query para renderização em tempo real sem refresh.
- Formulários Seguros e Otimizados: O input dos usuários são tipados e protegidos em toda a UI por Zod.
- Responsividade 100%: Interface flutuante mobile-first na web e layout Drawer no desktop com barra global Dark.
A suíte de testes unitários certifica que os utilitários críticos do app não falhem:
# Executar a bateria de testes
npm run test