Case study

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)
Core featuresOffline library, hizb + 1/3 filters, audio with seek + background playback, search, adjustable typography, multilingual + theme support
Data sourceBundled Barakat Makkiyyah text, Arabic introduction, and audio assets
Barakat Makkiyyah app icon

What I built

  • Offline Barakat Makkiyyah library with 805 selawat entries.
  • Recitation guide with hizb (7 days) and one-third (3 days) reading paths.
  • On-device audio playback with play, pause, stop, and seek controls.
  • Search by number and highlight matching names inside each entry.
  • Adjustable font size, theme options, and multilingual interface.

Technical highlights

  • Expo + React Native build optimized for offline use.
  • Audio playback handled entirely from bundled assets with seek support.
  • Background audio enabled via platform audio mode settings.
  • AsyncStorage preferences for language, theme, and typography.
  • FlatList + sticky controls for fast navigation through long content lists.

Stack

Expo + React Native, built for offline reading

ExpoReact NativeExpo AudioAsyncStorageMultilingual UI

Screens

Barakat Makkiyyah in action

Barakat Makkiyyah screen screenshot_20260113-201746.png
Barakat Makkiyyah screen screenshot_20260113-201751.png
Barakat Makkiyyah screen screenshot_20260113-201754.png
Barakat Makkiyyah screen screenshot_20260113-201756.png