Aplicação web simples e eficiente para controle de gastos pessoais, desenvolvida como parte de uma avaliação prática de Front-end. (nota alcançada 10/10)
Este projeto é um MVP (Produto Mínimo Viável) de uma aplicação de finanças pessoais, com foco em simplicidade, clareza visual e interatividade.
O objetivo principal é permitir que o usuário registre, visualize e gerencie seus gastos diários de forma rápida e intuitiva.
- HTML5
- CSS3 (Flexbox / Responsividade)
- JavaScript (Vanilla JS)
- LocalStorage (persistência de dados no navegador)
-
Cadastro de gastos com:
- Descrição
- Valor
- Categoria
-
Listagem dinâmica dos gastos
-
Cálculo automático do total gasto
-
Remoção e edição de gastos com atualização em tempo real
- Edição de gastos já cadastrados
- Destaque visual para gastos acima de R$100
- Persistência de dados com LocalStorage
- Feedback visual no modo de edição
Durante o desenvolvimento, foram aplicados conceitos importantes como:
- Manipulação de DOM
- Eventos (addEventListener)
- Estruturas de dados (Arrays e Objetos)
- Métodos de array (map, reduce, find, findIndex)
- Separação de responsabilidades (renderização, lógica e eventos)
- Boas práticas com tratamento de erros (try/catch)
A interface foi projetada para ser simples, limpa e responsiva, garantindo boa usabilidade tanto em desktop quanto em dispositivos móveis.
- Clone o repositório:
git clone https://github.com/gcastrodev/prova-1-bimestre/.git- Acesse a pasta do projeto:
cd seu-repositorio- Abra o arquivo
index.htmlno navegador
O projeto pode ser acessado online via GitHub Pages:
🔗 (https://gcastrodev.github.io/prova-3--semestre/)
- Gráfico de gastos (Chart.js)
- Filtro por categoria
- Busca por descrição
- Modo dark
- Exportação de dados (CSV)
Desenvolvido por Gabriel Castro
- GitHub: https://github.com/gcastrodev
- LinkedIn: https://www.linkedin.com/in/gabriel-castro-b39b50358/
Este projeto está sob a licença MIT.
Este projeto representa a aplicação prática dos conceitos fundamentais de desenvolvimento front-end, com foco em lógica, organização e experiência do usuário.
Se você gostou do projeto, não esqueça de deixar uma ⭐ no repositório!