Build a Quran, prayer times and Islamic app (no code)

Islamic apps are among the most built on App Builder Agent — prayer times for a specific city and madhab, a Quran reader with a favourite reciter, a tasbih counter, a Ramadan schedule for a mosque. The reason is simple: the big apps are full of ads and generic, while a community wants something that matches its own conventions.

This guide covers the pieces, the calculation details you must state clearly, and how to keep the text and audio available offline.

Getting the details right

These are the choices that make an Islamic app trusted in its community:

• Prayer times with the right method — Calculation method (Karachi, Egyptian, MWL, Umm al-Qura, ISNA…), Asr juristic method (Shafi/Hanafi), and manual minute adjustments per prayer.
• Adhan and reminders — Notifications before and at each prayer, with a chosen adhan audio and a silent mode for Jumu’ah.
• Qibla — A compass with the bearing computed from the user’s location.
• Quran text — Arabic Uthmani script with translation and transliteration options, bookmarks, last-read position, offline.
• Hijri calendar — Today’s Hijri date with an adjustment setting, and key dates.
• Dhikr and duas — Counters with targets, a morning/evening adhkar list.
• Ramadan mode — Sehri and Iftar times, a monthly timetable image to share, and a fasting tracker.

Build it with App Builder Agent, step by step

State the city, method and madhab in the first message; those settings shape everything else.

1. Create a mobile app project. Notifications, compass and offline text all need a native app.
2. Describe the app and the calculation choices. Name the method and the Asr rule; ask for the text to be bundled.
   Build a prayer times and Quran app for Cairo. Prayer times using the Egyptian General Authority method, Shafi Asr, with per-prayer minute adjustments in settings. Adhan notifications with a choice of two adhan audios. Qibla compass. Quran reader with Uthmani Arabic, optional English translation, bookmarks and last-read, bundled offline. Hijri date with ±1 day adjustment. Tasbih counter. Ramadan tab with Sehri/Iftar and a shareable monthly timetable. Deep green and gold design, Arabic and English UI.
3. Verify times against your mosque. Compare today’s times; if they differ by minutes, use the adjustment settings or tell the agent the correct method.
4. Add community features. Mosque notices, Jumu’ah timings, donation info — a hosted backend if admins should update them.
   Add a Mosque tab with Jumu’ah times and announcements that an admin can edit from a PIN-protected screen (hosted backend).
5. Install and distribute. Export the APK and share it in the community group; publish the website version for the timetable page.

Prompts that work well

Variations communities ask for:

Make it feel finished

• Always expose the calculation method and adjustments in settings; communities differ.
• Bundle Quran text and adhan audio with the app so it works with no network.
• Respect silent times: no sounds during prayer, an option for vibration only.
• Arabic typography matters — ask for a proper Uthmani font and right-to-left layout.

Sharing with the community

Export the APK and share it directly in the mosque or community group; that is how most of these apps spread. Publish the website version from the same project so the monthly timetable has a link people can forward.

When admins need to edit notices, the hosted backend keeps everything in one place without anyone running a server.

Frequently asked