iOS application
A Flutter client with an iOS WebView, universal links, push notifications and in-app purchases. It retains the last visited page and adapts startup and appearance to the system.
OUR WORK / 02
Jibril.me.
Read. Listen. Make progress.
On iOS, Android and the Web, Jibril.me brings together Quran reading, verse-by-verse audio, study tools and prayer times. A complete product, from the guest journey to subscriptions and administration.
Application available in
- English
- French
THE CONTEXT
An everyday reading companion.
The project goes beyond browsing texts: users can resume reading, annotate a verse, revisit questions and track their progress. We connected these journeys to one account, multilingual content and mobile services. The platform combines a Laravel / React application with Flutter clients for iOS and Android, sharing a Web foundation and native integrations.
01 · iOS · Android · Web
Three platforms. One shared journey.
A shared Web foundation, extended with platform-specific mobile integrations.
Android application
A Flutter client with an Android WebView, App Links and OneSignal notifications. Back-button handling, pull-to-refresh, navigation recovery and an account-linked purchase journey.
Web application
Reading and a personal workspace in the browser, with layouts for phones and desktops. The account connects progress, annotations and preferences across access points.
02 · Read & listen
Reading that keeps your place.
Text, audio and reading position work together, including transitions between surahs.
A structured corpus
Integration of 114 surahs and 6,236 verses, with Arabic text and French and English translations. Surah and part navigation, search and language-specific content.
A verse-by-verse player
Full-screen reading or a mini player, active-verse highlighting, previous / next controls and audio seeking. The player retains its session during navigation and moves between surahs without rebuilding the whole reading workspace.
A custom audio pipeline
French and English speech generation with ElevenLabs, file caching and preloading of upcoming verses. Measured durations support playback progress and remaining listening time.
Resume in the right place
Account-linked last-verse tracking and reading history. Progress stays separate by language; a cross-tab lock prevents multiple windows from controlling the same reading session.
03 · Understand
From a verse to reflection.
Study tools connect directly to the passage being read, keeping related work together.
Contextual notes
Create a note from a verse or selected word, then find, edit or delete it. Annotations remain linked to the surah, verse and working language.
Questions & AI assistance
Save a general or passage-specific question, track its status and keep a personal answer. Premium accounts can also request AI-assisted answers from their workspace.
Characters & key points
Character profiles, roles, descriptions and key points linked to surahs. Manual creation, editing and personal lists, with assisted character and summary generation for Premium accounts.
04 · Every day
Reminders at the right time.
Local times, calendars and notifications connect the application to everyday routines.
City-based prayer times
AlAdhan API integration, a city catalogue, suitable calculation methods and time-zone handling. Data is synchronized and cached for the dashboard and local pages.
Prayer calendars
French and English ICS calendars and webcal links, using a rolling seven-day window. Users can bring their city’s prayer times into a compatible calendar application.
Push & preferences
OneSignal notifications based on the selected city, time zone and account preferences. The Web / mobile bridge links devices to the account, while email reminders follow separate notification choices.
Verse of the day
A daily rotation of selected verses, with text and translation in the user’s language. Viewing, daily-exercise completion and reminders are included in the journey.
05 · Progress
A reason to return.
Clear progress based on actions actually recorded in the application.
History & goals
Language-specific progress, started and completed surahs, verses read and daily history. The journey includes a daily reading goal and allows one language’s progress to be reset independently.
XP, badges & levels
Experience points for reading and study actions, achievement badges and levels tied to completed weeks. Rewards and their history stay linked to the progress language.
A smooth first experience
A guided tour of the dashboard and reader. On mobile, guest mode opens the first three surahs; registration upgrades that guest account without losing existing progress.
06 · Platform
Everything that runs the product.
Design, access, subscriptions and operations were built around the same journeys.
Design & languages
Scoping of reading, study and subscription journeys. Application available in French and English, Arabic text reading, reading-direction adaptation and light, dark or system appearance.
Web & mobile Premium
Web subscriptions through Stripe and iOS / Android in-app purchase integration through RevenueCat. Purchase restoration, account reconciliation, Premium access management and subscription lifecycle emails.
Accounts & access
Registration, email verification, password recovery, two-factor authentication and passkeys. Device and access management, with separate guest, member and administration journeys.
Administration & support
User and Premium management, support tickets with attachments, notifications and activity logs. Administration also supervises text imports and audio generation, with progress tracking, pause, resume and stop controls.
Discoverable content
Multilingual public pages for surahs, prayer times and Ramadan, organized by country and city. Catalogue search, localized metadata, a sitemap and links into application journeys.
Explore further.
Jibril.me (opens in a new tab)
The official website and its reading and prayer-time services.
Jibril.me on the App Store (opens in a new tab)
The official iPhone application listing, published by Gabriel Genoni.