Skip to content

PROJECT DOSSIER · Social / Utility Apps

Ummah Charity

Faith and community app combining a Quran reader, Zaqat/Sadaqah donation campaigns, a social feed, and a charity-linked shop for Islamic goods.

Status
Private / client
Role
Full Stack Flutter Developer
Platforms
Android · iOS
Ummah Charity project evidenceQuran reader and social feedIslamic goods shop

01 / ORIGIN

Product context

Community app combining four experiences: a Quran reader (surah search, bookmarks, audio playback with reciter and language selection), a donation module (Zaqat, Sadaqah, Masjid Fund, Food Fund campaigns with live funding progress), a social feed for community posts, and a shop for Islamic goods (books, clothing, prayer items, gifts) where a percentage of each purchase supports a related cause.

02 / CREW

Role and ownership

Full Stack Flutter Developer.

Built Flutter frontend and supported Laravel backend integration.

03 / GRAVITY

The challenge

  • Audio playback state management.
  • The app combines four distinct experiences (Quran reading, campaign donations, a social feed, and a shop) that needed consistent navigation and visual language rather than feeling like separate apps stitched together.
  • Campaign funding progress (amount raised vs. goal) had to stay consistent across the donation category cards, the campaign list, and the campaign detail page.

04 / TRAJECTORY

Engineering approach

  • Used audio service plugins for background playback.
  • Built feed with optimistic updates.

05 / SYSTEMS

What I built

  • Built the Quran reader: surah search, Arabic text with translation, bookmarking, and audio playback with reciter and language selection.
  • Built the donation flow: category browsing (Zaqat, Sadaqah, Masjid Fund, Food Fund), campaign list with funding progress, and campaign detail pages.
  • Built the social feed with photo posts, likes, and threaded comments.
  • Built the Islamic goods shop: category browsing, product detail with ratings, and a charity-linked purchase flow.

06 / NAVIGATION

Technical decisions

Audio service for playback

Used a background audio service so users could listen while browsing.

10 / SIGNAL

Results and proof

Delivered Quran reading, donation, feed, and shop features.

Evidence · client-approved