Skip to content
All projects
Mobile Android iOS

My Prayer — Muslim Companion

An Arabic prayer companion: today’s prayer times, adhkar by occasion, a digital tasbeeh, a qibla compass and a Hijri calendar.

Role
Flutter Developer
Year
2026

Tech stack

  • Dart
  • Flutter
  • GetX
  • Figma
  • Pixel-perfect Implementation

Case study

My Prayer is an Arabic-first (RTL) prayer companion, implemented pixel by pixel from its Figma design in a soft violet palette.

Screens

  • Home: the next prayer, a week strip and all of today’s prayer times.
  • Adhkar by occasion (morning, evening, sleep, mosque) with a counter on every dhikr.
  • A digital tasbeeh that cycles through phrases and remembers the count.
  • A qibla compass and a Hijri calendar with the day’s prayer times.
  • Onboarding, a side menu with city and language.

Engineering

  • Flutter with GetX controllers and bindings; state kept with SharedPreferences.
  • A sizer that scales the 428-wide Figma frame to any screen, and directional layout throughout.
  • Content served from a data layer (sample data for now), ready for a prayer-times API.

11 screens

App screens

  1. My Prayer — Muslim Companion — Screen 1
  2. My Prayer — Muslim Companion — Screen 2
  3. My Prayer — Muslim Companion — Screen 3
  4. My Prayer — Muslim Companion — Screen 4
  5. My Prayer — Muslim Companion — Screen 5
  6. My Prayer — Muslim Companion — Screen 6
  7. My Prayer — Muslim Companion — Screen 7
  8. My Prayer — Muslim Companion — Screen 8
  9. My Prayer — Muslim Companion — Screen 9
  10. My Prayer — Muslim Companion — Screen 10
  11. My Prayer — Muslim Companion — Screen 11

Next project

Lamsa — Women’s Salon Booking