Prompt template

Water tracker prompt — copy, paste, build

A prompt for a small, polished native water tracker — daily goal, quick-add buttons, weekly chart, and configurable reminders. Designed as a one-screen-plus-settings app that feels great after the first build.

The prompt

Build a native iOS and Android water tracker with: (1) a single home screen showing a large animated water glass filling toward a daily goal, (2) quick-add buttons for 100ml, 250ml, 500ml, and a custom amount, (3) a weekly chart at the bottom showing the last 7 days of intake vs goal, (4) a settings screen with daily goal, units (ml or oz), and reminder cadence (every 1, 2, or 3 hours during waking hours). Use Expo, React Navigation, twrnc for styling, AsyncStorage for daily logs, and Expo Notifications for reminders. Tone: bright, playful, single accent color (blue).

Variants

Lite

Build a water tracker with quick-add buttons, a daily goal ring, and units toggle. Skip reminders.

Pro

Build a water tracker with quick-add buttons, animated goal indicator, weekly chart, configurable reminders, streak tracking, HealthKit / Health Connect sync, and Apple Watch / Wear OS companion targets.

What you get

  • Expo + React Native project ready for Snack live preview
  • Animated goal indicator
  • Quick-add and custom-amount inputs
  • Weekly intake chart
  • Configurable reminders
  • Units toggle (ml / oz)

Screens included

  • Home
  • Settings

Why this prompt works in AppGenie

Tiny apps live or die on motion. The animated water-glass fill needs to feel responsive on the cheapest Android device. AppGenie's validator catches the common Reanimated / Snack incompatibilities that would normally bounce the build.

Why a focused water tracker prompt beats "build a hydration app"

Open-ended hydration prompts produce a number-typer. A text input, a "log" button, a list of past entries — the kind of utility that gets opened twice and forgotten by Wednesday. Hydration apps live or die on whether the act of logging a glass feels good, not on whether the math is right.

This prompt is opinionated on the loop that actually drives habit. The animated glass filling toward the daily goal turns a number into a visible ritual — users log the 250ml because they want to watch the level rise, not because they care about milliliters. Quick-add buttons (100 / 250 / 500 plus custom) drop the time-to-log to under two seconds, which is the threshold below which logging actually happens during a busy workday.

The weekly chart at the bottom is the retention mechanic. The first time a user looks down and sees six green bars in a row, they will not break the streak on day seven — that is the entire game. Without the chart, the app is a glorified counter that resets every midnight.

The polish detail that separates "tolerated" from "opened daily" is reminder cadence that respects waking hours. A reminder at 7am or 11pm trains users to mute notifications; a reminder every two hours from 9am to 7pm trains them to take a sip. The prompt scaffolds the quiet-hours window so the app earns its place on the lock screen instead of fighting for it.

Common pitfalls when scoping a water tracker prompt

Three traps that turn a strong water-tracker brief into a forgettable app.

Over-engineering reminders into nags. Founders set a default of "every 30 minutes from 7am to 11pm" and wonder why the uninstall rate is 70% by week two. Hydration reminders that fire seventeen times a day are the canonical example of how to train a user to disable notifications for your app — and once they do, you lose them. Default to every two hours during waking hours, top out at every hour, and never schedule outside a user-set window.

Skipping the streak. Founders treat hydration as a daily-reset utility and store nothing beyond today's intake. The result is an app with no week-two reason to open. Streak-on-goal-hit is twelve lines of AsyncStorage logic and it is the difference between a one-week wonder and a sticky habit app. The Pro variant of this prompt wires it explicitly.

Forcing one unit on a global audience. Defaulting to ml-only loses the US, defaulting to oz-only loses everyone else, and asking the user to convert in their head loses both. Store intake in milliliters internally, expose a units toggle in settings, and switch the quick-add chip labels (100/250/500ml vs 4/8/16oz) when the toggle flips. The prompt is structured to do this on the first build, not as a v2.

What to customize in this prompt for your water tracker

Three knobs that turn this generic water-tracker prompt into a differentiated product.

Pick a personality and an accent color. The default brief says "bright, playful, single accent color (blue)" — which is fine and forgettable. The category is dominated by Plant Nanny's plant metaphor and WaterMinder's clinical dashboards; the apps that break out have a clear character. Add a paragraph to your prompt describing the tone — "calm desert palette, the glass is a cactus that flowers when the daily goal hits" or "candy-bright, the glass is a boba tea, the chime is a slurp" — and AppGenie weaves the metaphor through the empty state, the goal-hit animation, and the notification copy.

Decide on the goal-calculator story. The Lite shape is a single static goal in settings. A more thoughtful version asks the user for weight, climate, and activity level on first run and computes a personalized target — which is also a great onboarding question because it makes the first session feel diagnostic rather than generic. Add "with an onboarding screen that calculates the daily goal from weight, climate, and activity level" to the prompt and the settings screen exposes the inputs as recalculable.

Choose a health-platform integration. AsyncStorage-only is fine for a personal app. If you want the data to show up in the user's existing fitness ecosystem, add "with HealthKit and Health Connect read-write sync for hydration" — AppGenie wires the permission flow, the read-on-launch, and the write-on-log. That single integration is what gets a water tracker recommended by a fitness coach instead of dismissed as "another hydration app".

Related prompts

Water tracker prompt — FAQ

Does the animation work in Snack live preview?

Yes. AppGenie autofills react-native-reanimated as a peer dependency and the validator confirms the import path is Snack-compatible.

Can I switch between metric and imperial after launch?

Yes. The settings screen exposes a units toggle out of the box and the data layer stores intake in milliliters internally for clean conversion.

Ready to ship a water tracker?

Paste this prompt into AppGenie. The diff-aware multi-agent pipeline produces a real Expo + React Native project you can preview live, iterate in chat, and own end-to-end.