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.

Team & Ownership

Built Flutter frontend and supported Laravel backend integration.

Challenges

• —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.

Key Contributions

• —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.

Key decisions

Results

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

Gallery

Zaqat, Sadaqah, and campaign donations

Quran reader and community feed

Charity-linked shop