Water Intake Tracker 💧

📖 Overview

This is a Water Intake Tracker web app built using HTML, CSS, and JavaScript.
It helps users track how many glasses of water they've had in a day, with motivational messages for hydration. The daily goal is 8 glasses. Simple and responsive design ensures usability on all devices.

👨‍💻 Developer

Ashraful Alam

• 🎓 B.Sc. in Computer Science and Engineering
• 🏢 International Islamic University Chittagong (IIUC)
• 💻 Software engineering enthusiast exploring new technologies, building practical projects, and solving complex problems

Features ✨

• ✅ Add a glass of water with a single click
• 🔄 Reset your progress any time
• 🧠 Dynamic messages based on your hydration level
• 📱 Fully responsive and minimal design
• 🔐 No login, no data collection – Just you and your water goal!

How to Use 💡

1. Click the "+ Glass" button each time you drink a glass of water
2. The count will increase and show messages accordingly
3. When you hit 8 glasses, you’ll get a congratulatory message
4. Hit Reset if you want to start over

Languages & Tools Used 💻

• HTML5
• CSS3
• JavaScript

Live Website 🌐

👉 Visit Live App

Screenshots 🖼️

✅ Initial View

💧 After Adding Glasses

🎉 Fully Hydrated

🔁 Reset State

---

💬 Feedback

Your feedback is highly appreciated!

• 🐞 Found a bug? Open an issue
• ✨ Have suggestions or ideas? Create a pull request
• 📫 Connect with me on LinkedIn