O projeto consiste em um único arquivo HTML que contém todo o código necessário (HTML, CSS e JavaScript).
- Clone o repositório ou baixe o arquivo
index.html. - Abra o arquivo
index.htmlem seu editor de código preferido.
Ou, acesse o link para testar.
- Clique no botão "Nova Transação".
- Preencha os campos:
- Descrição: Uma breve descrição da transação
- Valor: O valor da transação (use sinal negativo para despesas)
- Data: A data da transação
- Clique em "Salvar".
- Na lista de transações, clique no botão "Editar" ao lado da transação desejada.
- Modifique os campos necessários no formulário que aparece.
- Clique em "Salvar" para confirmar as alterações.
- Na lista de transações, clique no botão "Excluir" ao lado da transação que deseja remover.
- Confirme a exclusão na caixa de diálogo que aparece.
- Utiliza a estrutura semântica do HTML5.
- Incorpora componentes do Bootstrap para layout e estilo.
- Estilos personalizados mínimos para complementar o Bootstrap.
- Classes para diferenciar visualmente entradas (verde) e saídas (vermelho).
- Gerenciamento de estado das transações usando um array.
- Funções para adicionar, editar, excluir e exibir transações.
- Cálculo automático e atualização do resumo financeiro.
- Validação de entrada de dados.
- Uso de jQuery para manipulação do DOM e gestão de eventos.
- Implementar persistência de dados (por exemplo, usando localStorage ou uma API backend).
- Adicionar categorização de transações.
- Implementar filtros e busca na lista de transações.
- Adicionar gráficos para visualização de dados financeiros.
- Implementar autenticação de usuários para múltiplas contas.
Contribuições são bem-vindas! Sinta-se à vontade para fazer um fork do projeto, criar uma branch, commit suas alterações e abrir um Pull Request.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
BArcellos ↟
© 2025 BArcellos ↟ - Todos os direitos reservados.