Este projeto tem como objetivo auxiliar os usuários a gerenciar suas finanças pessoais, oferecendo um panorama geral das transações realizadas, sejam elas entradas ou saídas.
O projeto não foi feito para ser responsivo. A resolução ideal para visualização é 1440x1024.
- Frontend: https://github.com/igorjba/dindin
- Backend: https://github.com/igorjba/dindin-backend
A aplicação inclui as seguintes funcionalidades:
- Cadastro do usuário
- Login de usuário
- Logout de usuário
- Cadastro de uma nova transação
- Edição de uma transação
- Exclusão de uma transação
- Listagem de transações
- Resumo das transações
- Ordenar a tabela por data
- Filtrar a tabela por categoria
- Editar perfil de usuário
- Clone o repositório backend:
git clone https://github.com/igorjba/dindin-backend.git
- Navegue até a pasta do projeto:
cd dindin-backend - Instale as dependências:
npm install
- Execute o servidor:
npm run dev
O frontend do projeto já está hospedado na Vercel e pode ser acessado diretamente através deste link: https://dindin-psi.vercel.app/
Certifique-se de que o backend está rodando localmente para que o frontend possa se comunicar com ele sem problemas.
- Express: Framework web para Node.js
- date-fns: Biblioteca para manipulação de datas em JavaScript
- Nodemon (dev): Utilitário que monitora as alterações no código e reinicia automaticamente o servidor
- React: Biblioteca JavaScript para construir interfaces de usuário
- React DOM: Biblioteca para renderização do DOM com React
- axios: Cliente HTTP para realizar requisições
- date-fns: Biblioteca para manipulação de datas em JavaScript
- react-input-mask: Componente de máscara de entrada para React
- react-number-format: Componente para formatar números em React
- react-router-dom: Biblioteca de roteamento para React
- Vite (dev): Ferramenta de build que visa fornecer um ambiente de desenvolvimento mais rápido