Mobile App Published ✓

Al-Arba'oon An-Nawawiyyah — Islamic Hadith App

Nawawi's 40 Hadith with audio narration — published on Google Play

Google Play Hire Me

Overview

A mobile application published on Google Play featuring Imam An-Nawawi's famous collection of 40 Hadith. The app provides the full Arabic text of each hadith with professional audio narration by Sheikh An-Nafees, making it easy for users to read and listen to these foundational Islamic texts on the go. Designed with an Arabic-first RTL interface and built for full offline access — no internet connection required after installation.

Problem & Solution

Problem

The Challenge

Muslims needed an accessible, well-designed mobile app to read and listen to the foundational 40 Hadith of Imam An-Nawawi with professional audio narration — working anywhere, even without internet access.

Solution

The Approach

Built a clean, offline-first Flutter app with professional audio narration by Sheikh An-Nafees. All content and audio are bundled locally so users can access every hadith anywhere, anytime. Published on Google Play for wide distribution.

Key Features

Complete 40 Hadith Collection
All 40 hadith of Imam An-Nawawi with full Arabic text, numbered and presented in a clean reading layout.
Professional Audio Narration
High-quality audio recitation of every hadith by Sheikh An-Nafees, playable directly in the app.
Clean Reading Interface
Distraction-free reading view with optimal Arabic typography, comfortable line spacing, and adjustable text size.
Audio Controls
Play, pause, seek, and navigate between hadith audio tracks with an intuitive media player interface.
Bookmarking & Favorites
Save favorite hadith for quick access and track reading progress through the collection.
Arabic-First RTL UI
Designed natively for Arabic with proper right-to-left layout, appropriate fonts, and culturally fitting aesthetics.
Offline Access
All hadith text and audio are stored locally. No internet connection required — works anywhere, anytime.
Material Design
Follows Material Design guidelines for a familiar, accessible, and polished Android experience.

Tech Stack

Flutter + Dart
Mobile Framework
Cross-platform framework for building a high-performance, native-feeling Android app with a single codebase.
Clean Architecture
Architecture
Layered architecture separating data, domain, and presentation for maintainability and testability.
Bloc / Cubit
State Management
Predictable state management with Bloc pattern — audio playback state, favorites, and navigation all managed cleanly.
Local Storage
Offline-First
All content and audio bundled with the app using Flutter assets — no backend, no network dependency.
Google Play
Distribution
Published on Google Play Store for Android, reaching a global Muslim audience with easy discovery and updates.

Architecture

Clean Architecture with Bloc pattern. All hadith content and audio files are stored locally within the app bundle for offline access. Audio playback is handled via platform channels connecting Flutter to the native Android audio engine.

The presentation layer consists of Cubit-driven screens for the hadith list, individual hadith detail view, and audio player. The domain layer holds the hadith entities and use cases, while the data layer reads from local JSON and asset files — keeping the app entirely self-contained with no network dependency.

Need a Mobile App Built?

I build polished Flutter apps for Android and iOS — from Islamic apps and utilities to full-stack platforms. Let's build something meaningful together.

Get In Touch Hire on Upwork
Wasalni
Full-stack ride-sharing platform with two Flutter apps, Node.js backend, and real-time GPS tracking.
Flutter Node.js WebSocket
Clinic Booking
Medical appointment booking app with doctor profiles, schedule management, and patient notifications.
Flutter Node.js FCM
Bagour Delivery
Last-mile delivery platform with order tracking and driver dispatch management.
Flutter Node.js Maps
Back to Portfolio