Recipe A — Water Tracker

Free · no login · offline. The simplest possible app: no accounts, no payments, works on a plane. Data lives on-device in Room. A great first build.

← Back to all recipes.

Design reference

A clean, single-purpose hydration UI: a big daily total, a wave fill, a +300 ml button, and a simple weekly history chart.

Water tracker app design reference — daily total with wave fill + weekly history

Reference: Water tracker mobile app design (Dribbble). Use it as a style + layout guide — adapt the colors to your brand and the components to NowKit's design system.

Setup choices

Run /kit-start-setup and choose:

StepChoice
What are you building?A free app
Renamecom.you.watertracker · Water Tracker
Onboarding"Track your daily water intake and build a hydration streak."
Brand & themeBlue #2196F3 · Material icons
AuthenticationSkip — no login
Paywall(auto-skipped — it's free)
AnalyticsNone
Build & run

Build + ship

  1. /kit-design-app → when it asks for a design source, pick Reference URL and paste the Dribbble link above (or Screenshots / mockups and drop the image). Build a water-log screen: big daily total, a +250 ml button, a streak, and a weekly chart. Store it in Room (on-device, offline-first).
  2. /kit-generate-legal → privacy policy + Play Data Safety (minimal — no accounts, no network).
  3. /kit-generate-aso → app name + short + long description with a keyword strategy ("water tracker", "drink reminder", "hydration").
  4. /kit-generate-screenshots → Play Store screenshots from your app.
  5. /kit-generate-landing (optional) → a static landing + privacy/terms page; gives you the public privacy URL Play needs.
  6. /kit-publish-to-play → ship it.

What you'll see on device

Splash → onboarding → straight to Home. No login screen, no paywall. Tap to add water, watch the daily total and streak update — all offline.