Daily Water Intake Tracker

A simple and interactive Daily Water Intake Tracker built with HTML, CSS, and JavaScript. This web app allows users to track their daily water intake, visualize progress with a progress bar, and reset the intake as needed.

---

Features

• Input daily water intake in milliliters (ml)
• View total intake for the day
• Visual progress bar showing percentage of daily goal
• Reset button to clear daily intake
• Minimalistic and easy-to-use design

---

Folder Structure

DailyWaterTracker/
│
├── index.html       # Main HTML page
├── style.css        # CSS for styling
├── script.js        # JavaScript for functionality
└── README.md        # Project description

---

How to Run

1. Clone or download the project folder.
2. Open the folder.
3. Open index.html in any modern web browser.
4. (Optional) Run a local server:

   python -m http.server 8000

   Then open http://localhost:8000 in your browser.

---

Usage

1. Enter the amount of water you drank in the input field (in ml).
2. Click Add to update your total intake.
3. Track your progress using the progress bar.
4. Click Reset to clear the daily intake and start fresh.

---

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)

---

Future Improvements

• Store daily intake in localStorage to remember progress after refreshing.
• Add weekly/monthly tracking charts.
• Allow users to set custom daily goals.