Al-Yaqiinاليقين
Prayer times, the full Quran with recitation, athkar and qibla — in one calm, bilingual app.
Overview
Al-Yaqiin is an Arabic-first Islamic companion for Android. It locates the user, computes the day's prayer times and counts down to the next one, opens any of the 114 surahs with verse-by-verse recitation, and keeps morning, evening and after-prayer athkar with a tap counter. The interface is a dark, glass-like design built for one-handed use.
Objectives
- Give daily worship tools a single, distraction-free home
- Work in Arabic and English with correct right-to-left layout
- Ship as an installable Android app from one web codebase
Features
- Live prayer times for the user's location, with next-prayer countdown
- Hijri and Gregorian dates
- All 114 surahs, Meccan/Medinan filters, search, verse audio with selectable reciter
- Athkar collections with tap counters and progress
- Qibla direction
- Favourites and bookmarks
- Native prayer and athkar notifications on Android
Screens
On a real device
Highlights
Design
- Deep green and gold palette with frosted glass cards
- Large Arabic typography for verses, compact Latin UI text
- Bottom navigation sized for thumbs, with the active tab highlighted
Engineering
- One React codebase compiled to the web and wrapped by Capacitor for Android
- A custom native Capacitor plugin schedules prayer notifications
- Prayer times and Quran text come from public APIs; user state is kept on the device
Studio audit
A solid, working app with real data. Fixed issues that would hurt it in production.
Found
- A leftover test notification fired 10 seconds after every launch ("If you see this, notifications are working!")
- Hero images used absolute paths and broke when hosted in a sub-folder
- An analytics beacon from the AI tool that generated the first version was still in the page
- Native-only notification calls threw errors in the browser
Fixed
- Removed the debug notification
- Images now resolve from the build base path
- Removed the third-party tracking script
- Native calls are skipped outside Android
Scored out of 10 on functionality, interface, visual consistency, performance, responsiveness, navigation, architecture, accessibility, error handling and professional readiness.
Demonstration
This is the same web build that runs inside the Android app. Notifications are an Android feature and are switched off in the browser.
Want something like this?
Tell us what you are building. We will reply with honest questions, a clear approach and the next step.