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.

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.