[New Project]: Water Intake Tracker with Daily Hydration Goal and Progress Visualization #4498
Description
Project Name
Water Intake Tracker
Project Type
Frontend (HTML/CSS/JS)
Category
utility
Project Description
A simple hydration tracking web app that allows users to log daily water intake and monitor progress toward their daily hydration goal.
Tech Stack
Frontend (HTML / CSS / JavaScript)
Key Features
💧 Daily Water Goal Tracker
Users can set or follow a default daily hydration goal (e.g., 2 liters or 8 glasses of water).
📊 Hydration Progress Bar
A progress bar visually displays how much water has been consumed compared to the daily goal.
➕ Water Intake Logging
Users can log water intake by adding glasses or milliliters throughout the day.
⏰ Reminder Notification
The application can display simple reminders encouraging users to drink water regularly.
💾 LocalStorage Support
All water intake data is stored using LocalStorage, ensuring the user's progress remains saved even after refreshing the page.
Screenshots
Screenshots of the UI will be added after implementation.
Checklist
- I have tested my project locally
- My project follows the repository structure
- My project is responsive (if frontend)
- I will add my project to projects.json (NOT index.html)
- I have included setup instructions for backend (if full-stack)
Assign this issue to me under ECWOC'26