Skip to content

README.md

Latest commit

 

History

History
24 lines (19 loc) · 921 Bytes

README.md

File metadata and controls

24 lines (19 loc) · 921 Bytes

💧 Daily Water Tracker

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! 🎉

✨ Features

  • 🥤 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 250ml
    • Z → Undo last entry
    • R → Reset today’s progress

📂 Project Structure