Skip to content

Latest commit

 

History

History
41 lines (24 loc) · 2.01 KB

README.md

File metadata and controls

41 lines (24 loc) · 2.01 KB

🌟 Projeto Refund

Este projeto é um sistema de solicitação de reembolsos, desenvolvido em HTML, CSS e JavaScript. O objetivo principal é permitir que os usuários adicionem e visualizem solicitações de reembolso, com categorias específicas de despesas e valores formatados em moeda brasileira.

Refund

🚀 Funcionalidades Principais

  • Adicionar Despesas 📝: Adicione uma despesa com nome, categoria e valor. O valor é automaticamente formatado no padrão da moeda brasileira (R$).
  • Visualizar Solicitações 👀: Visualize todas as despesas adicionadas, com detalhes claros de nome, categoria e valor.
  • Remover Despesas 🗑️: Remova qualquer despesa indesejada da lista de forma fácil e rápida.
  • Atualizar Totais 💰: O valor total das despesas é atualizado automaticamente sempre que uma nova despesa é adicionada ou removida.

📁 Estrutura do Projeto

  • index.html: Estrutura principal da aplicação, incluindo o formulário para solicitação de reembolso e a lista de despesas adicionadas.
  • styles.css: Arquivo de estilos que define a aparência e o layout elegante da aplicação.
  • scripts.js: Script JavaScript que gerencia a lógica de adicionar, remover e formatar despesas.

🛠️ Como Utilizar

  1. Clone o repositório em sua máquina local:

    git clone https://github.com/ArkaNiightt/projeto-refund.git
  2. Abra o arquivo index.html em seu navegador favorito.

  3. Preencha os campos do formulário para adicionar novas despesas e visualize o total atualizado no painel lateral.

🎨 Design e Estilo

Este projeto utiliza a fonte Open Sans para um visual limpo e moderno, importada diretamente do Google Fonts. As cores e o layout foram planejados para proporcionar uma experiência agradável e intuitiva ao usuário.

📝 Licença

Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.