https://github.com/odevthomas/calculadora-de-gorjetas
O projeto é uma calculadora de gorjeta simples e responsiva, projetada para ajudar a calcular o valor da gorjeta com base no valor da conta, a qualidade do serviço e o número de pessoas compartilhando a conta.
https://github.com/odevthomas/calculadora-de-gorjetas
calculator javascript
Last synced: 8 months ago
JSON representation
O projeto é uma calculadora de gorjeta simples e responsiva, projetada para ajudar a calcular o valor da gorjeta com base no valor da conta, a qualidade do serviço e o número de pessoas compartilhando a conta.
- Host: GitHub
- URL: https://github.com/odevthomas/calculadora-de-gorjetas
- Owner: odevthomas
- Created: 2024-09-15T02:51:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-16T17:09:53.000Z (over 1 year ago)
- Last Synced: 2025-01-30T15:41:34.949Z (about 1 year ago)
- Topics: calculator, javascript
- Language: CSS
- Homepage: https://devthmedu.github.io/calculadora-de-gorjetas/
- Size: 23.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calculadora de Gorjeta
O projeto é uma calculadora de gorjeta simples e responsiva, projetada para ajudar a calcular o valor da gorjeta com base no valor da conta, a qualidade do serviço e o número de pessoas compartilhando a conta. Adicionei também a funcionalidade de aplicar um desconto para pagamentos em dinheiro ou Pix.
## Funcionalidades
- **Cálculo de Gorjeta**: Calcula o valor da gorjeta com base em diferentes porcentagens e divide o total entre as pessoas.
- **Desconto para Pagamentos em Dinheiro/Pix**: Aplica um desconto de 5% se o pagamento for feito em dinheiro ou Pix.
- **Responsivo**: Adaptado para funcionar em diferentes tamanhos de tela.
## Tecnologias Usadas
- **HTML5**: Estrutura da página.
- **CSS3**: Estilização da página e design responsivo.
- **JavaScript**: Lógica de cálculo e interação.
- **Font Awesome**: Ícones para uma interface mais amigável.
- **Google Fonts**: Fonte Poppins para um visual moderno.
## Instalação
1. **Clone o Repositório**
```bash
git clone https://github.com/seu-usuario/calculadora-gorjeta.git
```
2. **Navegue até o Diretório**
```bash
cd calculadora-gorjeta
```
3. **Abra o Arquivo `index.html` no Navegador**
Simplesmente abra o arquivo `index.html` em um navegador para visualizar a calculadora.
## Estrutura do Projeto
- **index.html**: Arquivo HTML que contém a estrutura da calculadora.
- **src/style.css**: Arquivo CSS para estilização da calculadora.
- **src/script.js**: Arquivo JavaScript para lógica de cálculo.
- **src/img/**: Diretório contendo imagens, incluindo a imagem de fundo e ícones.
## Uso
1. **Preencha o Valor da Conta**: Insira o valor total da conta no campo "Valor da Conta".
2. **Selecione a Qualidade do Serviço**: Escolha a qualidade do serviço a partir do menu suspenso.
3. **Informe o Número de Pessoas**: Insira o número de pessoas compartilhando a conta.
4. **Calcule a Gorjeta**: Clique no botão "Calcular" para ver o valor da gorjeta e o valor por pessoa.
## Personalização
- **Imagem de Fundo**: Altere o caminho da imagem no CSS (`background: url('./src/img/background.jpg')`) para usar uma imagem de fundo diferente.
- **Porcentagens de Gorjeta**: Ajuste os valores no HTML e no JavaScript para alterar as porcentagens de gorjeta.
- **Descontos**: Modifique o valor do desconto no JavaScript conforme necessário.
## Contribuições
Se você gostaria de contribuir para este projeto, sinta-se à vontade para abrir um issue ou enviar um pull request.
## Licença
Este projeto está licenciado sob a [Licença MIT](LICENSE).