💰 Cashwise – Frontend

O Cashwise é uma aplicação web que simula um banco digital, oferecendo uma interface moderna, responsiva e intuitiva para gerenciamento de saldo, depósitos, saques e histórico de transações.

---

🚀 Tecnologias Utilizadas

• ⚛️ React com TypeScript
• ⚡ Vite
• 💅 Styled-components
• 🧩 React Hook Form + Zod
• 🔁 React Query
• 🧪 Vitest
• 🧠 Context API

---

🖼️ Interface

O Cashwise oferece uma experiência fluida e responsiva, com:

• Layout limpo e acessível, com foco na usabilidade
• Feedback visual e animações suaves em transições e ações
• Snackbar centralizada para feedback de ações (sucesso, erro, aviso, etc.)

---

🧩 Funcionalidades

• ✅ Cadastro e login de usuário
• 💰 Depósito e saque simulados
• 📜 Histórico de transações
• 💬 Feedback visual via Snackbar
• 🧭 Navegação intuitiva e responsiva

🧱 Próximas melhorias

• 🔒 Recuperação de senha
• 📊 Gráficos de gastos e ganhos
• 🌙 Tema escuro/tema claro

⚙️ Como rodar o projeto localmente

1. Clone o repositório

   git clone https://github.com/seuusuario/cashwise.git
   

2. Acesse a pasta do frontend e instale dependências

   cd cashwise/frontend
   npm install
   

3. Acesse a pasta do backend e instale dependências

   cd ../backend
   npm install
   

4. Antes de rodar o backend, crie um arquivo .env na raiz do backend baseado no .env.example

   cd backend
   cp .env.example .env
   

5. Depois, edite o .env e adicione suas próprias credenciais

   MONGODB_URI="sua_uri_do_mongodb"
   JWT_SECRET="seu_jwt_secret"
   

6. Gere os clientes do Prisma (necessário para o backend)

   npx prisma generate

7. Inicie o backend

   npm run dev

8. Volte para o frontend e inicie

   cd ../frontend
   npm run dev
   

Agora o app estará disponível em: http://localhost:5173