Este projeto é um app divertido para acompanhar a ingestão de líquidos.
A ideia é representar um copo principal de 2 litros, e abaixo dele 8 copos menores de 250ml cada.
Ao clicar nos copinhos, eles vão sendo preenchidos com Pepsi 🥤, e o copo maior mostra a porcentagem já consumida (13%, 25%, 38%... até 100%).

⚠️ Créditos: Este projeto foi baseado no código original de Florin Pop, encontrado no CodePen: https://codepen.io/FlorinPop17/pen/ExajrQJ, e adaptado/modificado por mim para usar Pepsi.

• 🟦 HTML5
• 🟥 CSS3
• 🟨 JavaScript

• index.html → Estrutura principal
• style.css → Estilos e cores (azul/vermelho para combinar com Pepsi)
• script.js → Lógica para encher os copos e calcular porcentagem

• 🥤 Visualização do consumo diário de Pepsi
• 👆 Clique em cada copo de 250ml para encher o copo maior
• 📊 Copo maior mostra a porcentagem de ingestão (13%, 25%, … 100%)
• 🎉 Ao atingir 2 litros, o copo principal mostra 100% concluído

1. Clone este repositório:

   git clone [https://github.com/Jakelinegomes32/Drink-project.git]
   

2.Abra o arquivo index.html no navegador.

🤝 Contribuição

Se quiser contribuir:

Faça um fork do projeto Crie uma branch (git checkout -b minha-feature) Commit suas alterações (git commit -m 'Minha nova feature') Push para a branch (git push origin minha-feature) Abra um Pull Request

💙 Dica divertida: mesmo com Pepsi, não esqueça de se hidratar com água também! 😄