I created this app to remind me to drink water. I noticed I kept skipping it during the day, especially when I was busy. Since water is important and I didn't want to ignore that, I made this little app to send me reminders while I'm working or studying.
https://water-reminder-amber.vercel.app/
Anna's Water Reminder is a simple, personal web application designed to help track daily water intake. It doesn't require any login or account - just open the app and start tracking. The clean, calming interface makes it easy to see your progress throughout the day and receive gentle reminders to stay hydrated.
- Water Intake Tracking: Visual progress circle showing your daily water consumption
- Simple Counter: One-click button to log each glass of water
- Customizable Goals: Set your own daily water intake target
- Browser Notifications: Get friendly reminders at your chosen interval
- No Account Needed: Just open and use - no sign-up required
- Clean Interface: Calming design that's easy on the eyes
- React
- Styled Components
- React Circular Progressbar
- Browser Notifications API
- Vite (for fast development)
- Vercel (for hosting)
To run this project locally:
# Install dependencies
npm install
# Start development server
npm run dev