📋 Indíce

• Bem-vindo
• Proposta
• Desafio
• Aprendizado
• Prosseguimento
• Screenshots
• Links
• Tecnologias utilizadas
• Pré-requisitos
• Procedimentos de instalação
• Informações

Bem-vindo! 👋

Calculadora de Gorjeta

🚀 Proposta

Aplicativo web para calcular a gorjeta a partir de uma conta, porcentagem de gorjeta e número de pessoas. Ele também fornece o total com gorjeta e o valor da conta dividido pelo número de pessoas.

🏆 Desafio

• formatarDinheiro(value): Esta função formata o valor para exibição em formato de dinheiro (R$) com duas casas decimais.

• pluralSingular(value): Esta função determina se deve ser usado o singular ou plural dependendo do valor. Retorna "X Pessoa" se o valor for igual a 1 e "X Pessoas" se for maior que 1.

• atualizar(): Esta função é chamada quando o "Atualizar" é selecionado. Ela recupera os valores inseridos pelo usuário, calcula a gorjeta, o total com gorjeta e o valor da conta dividido pelo número de pessoas, e então atualiza os elementos HTML correspondentes com os resultados calculados.

• Além das funções JavaScript fornecidas para calcular a gorjeta e dividir a conta, este projeto inclui estilos CSS para melhorar a aparência e a usabilidade do aplicativo.

🏆 Aprendizado

Construído com:

• Integração HTML, CSS e JavaScript: Aprendizado sobre como essas tecnologias se integram para criar uma aplicação web funcional.

• Manipulação do DOM: Como manipular o Document Object Model (DOM) para interagir dinamicamente com os elementos HTML.

• Tratamento de Eventos: Como lidar com eventos de usuário.

• Pré-processador Sass: Utilização do pré-processador Sass para escrever estilos CSS de forma mais eficiente, com variáveis, mixins e reutilização de código.

• Responsividade: Adaptação do layout e estilos para diferentes tamanhos de tela, proporcionando uma experiência consistente em dispositivos variados.

• Estilização Avançada: Utilização de técnicas avançadas de estilização, como sombras, gradientes, efeitos de hover e ajustes de cores.

• Lógica de Programação: Implementação de uma lógica simples de cálculo baseada em condições e operações aritméticas.

🏆 Prosseguimento

• Realizar outros projetos utilizando o React.js

📸 Screenshots

📹 Video

calculadora-de-gorjeta.mp4

🖥️ Desktop design

📱 Mobile design

✔️ Links

• Para acessar o site Clique aqui

🛠 Tecnologias utilizadas

• JavaScript
• Git
• SASS
• CSS3
• HTML5

☑️ Pré-requisitos

• Editor de código de sua preferência (recomendado VS code)
• Git

📝 Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/RaizaCirne/calculadora-de-gorjeta.git

Baixar arquivo zip

Extrir arquivos

Abrir pasta no editor de código.

😎 Informações

• Personal Page - Raíza Cirne Braz
• Frontend Mentor - @RaizaCirne
• GitHub - RaizaCirne
• LinkedIn - Raíza Cirne Braz

JavaScript - GIT - SASS - CSS3 - HTML5 🚀