← cd .. // return_to_work~/projects/barakat-makkiyyah
[05] // case_study · mobile_app

Barakat
Makkiyyah.

A fully offline Barakat Makkiyyah library featuring 805 selawat, guided recitation methods (hizb or one-third), multilingual UI, and on-device audio playback so readers can follow the text with or without an internet connection.

PLATFORMAndroid + iOS (Expo / React Native)
CORE SPECSOffline library · Hizb & 1/3 filters · Background audio with seek · Search & highlight
DATA ASSETSBundled Barakat Makkiyyah text, Arabic intro, and local audio assets
STATUSLIVE IN PRODUCTION
Barakat Makkiyyah preview/barakat-makkiyyah
[01] // scope_delivery

What I built

  • Offline Barakat Makkiyyah library containing all 805 selawat entries.
  • Recitation guide with hizb (7 days) and one-third (3 days) reading paths.
  • On-device audio playback engine with play, pause, stop, and seek scrubbing.
  • Instant number lookup and keyword search with in-line Arabic text highlighting.
  • Adjustable typography scaling, dark/light reading modes, and multilingual UI.
[02] // engineering

Technical highlights

  • Expo + React Native build optimized specifically for low memory and instant offline boots.
  • Audio playback handled entirely from bundled assets without external latency.
  • Seamless background audio playback via platform audio mode configuration.
  • AsyncStorage persistence for fast recall of user language, reading bookmarks, and typography sizes.
  • FlatList virtualization with pinned header controls for high-speed scrolling through large texts.
// stack_architecture

Expo + React Native, built for offline performance

ExpoReact NativeExpo AudioAsyncStorageMultilingual UIZero-network