Habit, prayer and water reminder app: build your own daily routine app

A daily routine app for a Muslim household is really three apps that never get along: the prayer times app that pings at Fajr, the water app that nags every hour including during Maghrib, and the habit tracker that has no idea Ramadan changed everything. People in Karachi, Cairo, Kuala Lumpur and Bradford end up with four icons and three sets of notification settings, and still miss Asr on a cloudy day when the times shift. One app that knows the five prayer times for where you actually are, arranges your water and habit reminders around them, keeps streaks that respect the calendar you live by, and works with no internet is what most of us have wanted and never found in exactly the right shape.

Off-the-shelf prayer apps are generic by design, often heavy with adverts, and their habit features are an afterthought. Describing your own routine to App Builder Agent gets you an app that is precisely yours: your calculation method, your habits, your reminder wording, no adverts, and data that stays on your phone. The agent writes the React Native code, computes prayer times on the device from coordinates so nothing depends on a server, and gives you an APK for your family's phones.

What a prayer, habit and water reminder app must handle

• Prayer times by location — Computed from GPS coordinates and the date with a chosen method (Karachi, Egyptian, MWL, Umm al-Qura) and Asr convention; adjustable by a few minutes per prayer to match your local mosque.
• Prayer reminders and a salah log — A notification a few minutes before each prayer, and one tap to mark it prayed, on time or late, so the record is honest.
• Water reminders that respect the day — A daily target in glasses or millilitres, spread across waking hours, quiet during prayer windows and switched to a suhoor–iftar schedule when fasting.
• Custom habits — Morning adhkar, ten minutes of Quran, a walk, no phone after 11 pm; daily or on chosen weekdays, each with its own time.
• Streaks and a monthly view — Per habit and per prayer, with a calendar grid that shows the month at a glance.
• Qibla direction — The bearing from your location to Makkah, shown as an arrow and a number, with a note on how to use it with the phone's compass.
• Offline first — Times, habits, logs and reminders all live on the device; nothing breaks in a basement or on a flight.
• Hijri date and fasting mode — The Hijri date on the home screen, and a Ramadan toggle that reshapes reminders around suhoor and iftar.

Build it with App Builder Agent, step by step

This is a personal, on-device app. Do not ask for a backend; ask for offline. The one online-feeling feature, prayer times, is a calculation, not a download.

1. Create a mobile app project. Notifications and location are phone features, and offline matters, so this is an installed app rather than a website.
2. Describe your routine in detail. Name the method, the habits and the reminder times; the agent turns each into a schedule.
   Build a daily routine app called “Nur” for Karachi, Pakistan. Home screen shows today's five prayer times computed from my GPS location using the University of Karachi method with Hanafi Asr, the next prayer with a countdown, the Hijri date, and a qibla bearing with an arrow. Notification 10 minutes before each prayer; tapping “Prayed” logs it as on time or late. Water: target 2.5 litres in 250 ml glasses, reminders every 90 minutes from 07:00 to 22:00, skipped within 20 minutes of a prayer time. Habits: morning adhkar (after Fajr), 10 minutes of Quran (after Isha), 30-minute walk (Mon, Wed, Fri, 18:00), each with a reminder and one-tap done. Streaks per prayer and per habit, and a monthly calendar grid coloured by completion. A Ramadan toggle moves water reminders to between iftar and suhoor and hides the daytime ones. Everything stored on the device, works offline. Dark navy and gold design.
3. Check the times against your mosque. In the preview, set a location in the Simulate panel and compare the computed times with your local timetable. If Maghrib is two minutes early, add a per-prayer adjustment in settings rather than changing the method.
4. Add the things you notice after a week. Usually a Jumu'ah reminder, missed-prayer make-up tracking, and a weekly summary.
   Add a Friday-only reminder for Jumu'ah 40 minutes before Dhuhr with a note field for which mosque. Add a “Qada” counter for missed prayers with a button to log one made up. Add a weekly summary screen: prayers on time out of 35, water average, habits completed, and a share-sheet image of the week I can send to my brother.
5. Install and grant permissions. Download the APK, install it, and allow notifications and location when the app asks. Location is only read to compute times; there is no account and no server.

Prompts that work well

The same prayer-plus-habit core works for a family, a school or a fasting-focused app.

Common mistakes (and the fix)

• Fetching prayer times from an API. It breaks the first time the phone is offline at Fajr. Insist on on-device calculation from coordinates; the agent knows the standard formulae.
• Wrong Asr or wrong method for the region. Karachi and Cairo differ, and Hanafi Asr is later than Shafi'i. Name both in the prompt and leave them editable in settings.
• Water reminders that fire during prayer. Give the app the quiet window explicitly (“skip within 20 minutes of a prayer time”); it will not guess.
• Streaks that reset at midnight. Isha is often after midnight in summer in Bradford or Oslo. Ask for the day to end at Fajr, not at 00:00, for prayer streaks.
• Location read constantly. Prayer times change by seconds per kilometre; read the location once a day or when the user taps refresh, not every minute.
• Daylight saving and travel. Store schedules as local wall-clock times and recompute prayer times when the time zone changes, otherwise a trip from Karachi to Dubai leaves every reminder an hour out.

Make it feel finished

• Show the next prayer and the countdown as the first thing on the home screen, in large type readable at arm's length.
• Let each reminder have its own sound and wording, including a silent option for the office.
• Colour the monthly grid by degree: on time, late, missed, so a glance shows the pattern.
• Add a small dua or ayah of the day, from a list you supply, rather than a random feed.
• Include a backup to a single file via the share sheet, so a new phone keeps the streaks.

Installing, publishing and next steps

Because everything is on the device, installing is the whole deployment: download the release-signed test APK from the Preview tab of the AI app builder and put it on your own and your family's Android phones, with no Android Studio and no server to keep running. If a mosque or community wants it on the Play Store, the builder produces a signed APK and AAB with your own package id and version, and the keystore stays with the project for updates. To see the finished shape of similar apps, browse the ready-made Islamic apps.

Two guides extend this one naturally: the Quran and prayer times guide covers reading, audio and bookmarks alongside the times, and the to-do and habit tracker guide goes deeper on repeating tasks, streak rules and forgiving misses. Open the builder, name your city and your method, and let the next reminder be the one you built.

Frequently asked