💰 Project Refund

Aplicação web para gerenciamento de solicitações de reembolso de despesas. Permite adicionar, visualizar e remover despesas, além de calcular automaticamente o total das solicitações.

📋 Sobre o Projeto

Este projeto foi desenvolvido durante as aulas da Formação Fullstack da Rocketseat com o objetivo de praticar e consolidar conhecimentos em JavaScript. A aplicação demonstra conceitos fundamentais de manipulação do DOM, eventos, formatação de valores e gerenciamento de estado da interface.

🚀 Tecnologias Utilizadas

• HTML5 - Estruturação da página
• CSS3 - Estilização e responsividade
• JavaScript (Vanilla) - Lógica e interatividade da aplicação

✨ Funcionalidades

• ✅ Adicionar novas despesas com nome, categoria e valor
• ✅ Formatação automática de valores monetários em Real Brasileiro (R$)
• ✅ Visualização da lista de despesas cadastradas
• ✅ Cálculo automático do total das despesas
• ✅ Contador de quantidade de despesas
• ✅ Remoção de despesas da lista
• ✅ Interface responsiva para diferentes tamanhos de tela

🎯 Categorias de Despesas

• 🍽️ Alimentação
• 🏨 Hospedagem
• 🛠️ Serviços
• 🚗 Transporte
• 📦 Outros

📁 Estrutura do Projeto

project-refund/
├── index.html      # Estrutura HTML da aplicação
├── script.js       # Lógica JavaScript
├── styles.css      # Estilos CSS
├── img/            # Ícones e imagens
│   ├── logo.svg
│   ├── accommodation.svg
│   ├── food.svg
│   ├── services.svg
│   ├── transport.svg
│   ├── others.svg
│   └── remove.svg
└── README.md       # Documentação do projeto

🎓 Objetivos de Aprendizado

Este projeto foi desenvolvido com foco em praticar:

• Manipulação do DOM (Document Object Model)
• Eventos JavaScript (submit, input, click)
• Formatação de valores monetários
• Criação dinâmica de elementos HTML
• Gerenciamento de estado da interface
• Validação de formulários
• Tratamento de erros

📝 Como Usar

1. Abra o arquivo index.html em seu navegador
2. Preencha o formulário com os dados da despesa:
   • Nome da despesa
   • Categoria
   • Valor (formatação automática ao digitar)
3. Clique em "Adicionar despesa"
4. A despesa será adicionada à lista e o total será atualizado automaticamente
5. Para remover uma despesa, clique no ícone de remover ao lado do item

🏫 Formação Fullstack - Rocketseat

Este projeto faz parte do conteúdo das aulas da Formação Fullstack da Rocketseat, um programa completo de aprendizado que abrange desde fundamentos até tecnologias avançadas de desenvolvimento web.

---

Desenvolvido com 💚 durante a Formação Fullstack da Rocketseat