A simple and interactive Daily Water Drinking Tracker built with HTML, CSS, and JavaScript.
Track your daily water intake, get age-based recommendations, and celebrate when you hit your hydration goals with sound & animations! π
- π₯€ Add water intake (default 250ml or custom amount).
- π Water sound effect plays when you log a drink.
- π Confetti + popup message when you complete your daily goal.
- π Progress visualization (filling water animation).
- πΆπ©βπ¦±π¨ Age-based water goals (Infants β Adults).
- π Undo & Reset options.
- πΎ Local storage support (keeps your progress until reset).
- βΏ Accessible design (screen reader friendly).
- β¨οΈ Keyboard shortcuts:
+β Add 250mlZβ Undo last entryRβ Reset todayβs progress