Build a Water Tracker That Estimates Intake From a Photo

Looking for an app that estimates intake from a photo? You could hunt through the app store — or you could build one that fits your exact routine in a few minutes with Auto.

Why build your own instead of downloading one

Search “best app that calculates calories from photos” or “photo calorie counter app” and you’ll get dozens of generic hydration and food trackers. Most are close but not quite right: the goal math is off, the units are wrong, or the AI food scanner photo estimation is buried behind a paywall.

Auto flips that. Instead of settling, you describe the tracker you want, and Auto builds you a personal mini-app — a “Frame” — around it. It’s camera-first, so estimating your water intake from a photo of a bottle or glass is built in from the start. No code, no store, no compromise.

Building it in Auto

The basic flow:

1. Describe it. Tell Auto you want a water tracker with a daily goal based on your weight, activity, and profile.
2. Add photo estimation. Ask it to let you snap a photo of a bottle or glass and estimate the ml.
3. Make it yours. Add reminders, a calendar for streaks, stats graphs, and a settings screen for units and cup size.
4. Refine by chatting. Don’t like the toast animation or icon size? Just say so. Auto edits live.

That’s it. People have already built Frames called “Water Tracker” and “Hydration” this exact way — proof the pattern works.

How someone built theirs

One Auto user started with a single detailed prompt: a water tracker with weight-based goals, onboarding for age, height, sex, and activity level, a custom-goal override, reminders, and — the centerpiece — a big water bubble that fills to your intake percentage. They asked for photo estimation from bottles and glasses, a quick-add button in ml, a calendar for streaks, and a stats view filterable by week and month. They even linked a reference design for the main screen.

From there it was all iteration. They fixed the settings screen to expose units, cup size, and reminders. They made onboarding show only once, then moved those values into settings so they could edit the daily goal later. They pinned the current day on the calendar and added photo thumbnails to the daily log.

Then came the polish most downloaded apps never let you touch: tap a logged entry to edit or remove it, open a details view (with more top padding so the nav bar stops colliding), bigger description text, and matching icons between the add button and the log. Finally the delightful stuff — subtly animated waves in the bubble, a toast that pops from the bubble when you add water, and larger 2xl icons.

None of that required code. Just plain requests, one after another.

FAQ

Can it really estimate intake from a photo? Yes — you snap a bottle or glass and Auto estimates the ml, then logs it. The same photo-estimation idea powers food and calorie versions people build too.

Do I need to code? No. You describe what you want in plain language and refine by chatting.

Can I change units or goals later? Yes. Build a settings view for units (ml/oz), cup size, reminders, and your daily goal — and edit anytime.

How long does it take? A working first version takes minutes; polishing is up to you.