Track daily water consumption with glass-filling animation, reminders, and streak tracking.
Water Intake Tracker adds up every drink you log against a daily volume goal you set in ounces or milliliters, fills an on-screen glass in proportion to what you've logged, and counts a day toward your streak only if the total reaches 100% of goal before the day rolls over. Entries live in that browser only, so switching devices or clearing site data starts you over. The most common surprise: changing your unit (oz to ml) partway through doesn't convert entries you already logged, so a mid-day unit switch can make the running total look wrong until you check which unit each entry used.
A concrete input and expected output from the current implementation.
Input
Daily goal set to 64 oz, default glass size 8 oz, 3 glasses logged so far today
Expected output
24 oz logged, 40 oz remaining, glass shown 37.5% full
3 glasses x 8 oz = 24 oz logged; 64 - 24 = 40 oz remaining; 24 / 64 = 0.375, or 37.5% of the daily goal.
You set a daily target volume and a default glass or cup size. Each tap of "add glass" (or a custom amount you type in) adds that volume to the day's running total and animates the on-screen glass filling toward the goal proportionally. The total, and the glass, reset to empty at local midnight, starting a new day's count from zero.
A day only counts toward the streak once logged volume reaches 100% of that day's goal before midnight; falling short resets the streak to zero the next day. Optional reminder pop-ups fire at a set interval to prompt logging, but they depend on the tab staying open and on notification permission being granted - close the tab or deny the permission and reminders stop without a separate warning.
No. The day boundary is local midnight, and whatever total was logged by that moment is what's scored for the streak. Anything added after midnight goes into the new day's total instead, and there's no way to backdate an entry once the day has rolled over.
No. Entries are saved only in that specific browser's local storage on that device, so logging from your phone during the day and checking your laptop at night shows two separate histories rather than one combined total.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Create customizable checklists with groups, due dates, and priorities for any project.
Design a printable daily planner with time blocks, goals, and priority sections.
Measure your typing speed in WPM and accuracy with real-time feedback and stats.
Pomodoro timer with built-in ambient noise (rain, cafe, forest) generated via Web Audio API oscillators.
Stay focused with a customizable Pomodoro timer featuring work and break intervals.
A precise stopwatch with lap tracking, split times, and exportable results.