SYSTEM_DOCS_VIEW
CASE_STUDYProblem
Users often need multiple Islamic tools such as Quran reading, Azkar, prayer times, Qibla direction, and Tasbeeh. The challenge was to bring these features together in one application while keeping the core experience fast and available offline.
Solution
A unified Flutter application was developed to combine Quran, Tafseer, Azkar, Hadith, Tasbeeh, prayer times, and Qibla functionality. Core content is bundled locally for offline access, while prayer times and Qibla are calculated using the device's location and sensors. Local notifications provide timely prayer and reminder alerts.
Architecture
The project follows a Feature-First Clean Architecture. Each major capability is isolated into its own feature, while shared services such as notifications, settings, middleware, and routing are centralized inside the Core layer. GetX handles reactive state management, dependency injection, and navigation.
Challenges
Major challenges included creating a reliable offline experience for Quran and Tafseer content, handling device sensors for accurate Qibla calculations, obtaining location data for prayer calculations, and scheduling notifications correctly across different time zones and device states.
Results
The result is a complete, fast, and modular Islamic application that brings essential daily tools into one platform. It provides offline access to core content, dynamic prayer calculations, an interactive Qibla compass, and a smart Tasbeeh experience, while maintaining a scalable foundation for future features.
Tech stack
FlutterDartGetXClean ArchitectureSharedPreferencesAdhanGeolocatorFlutter CompassLocal NotificationsTimezoneLottieLocal JSON
Detailed description
📖 Quran App A comprehensive Islamic mobile application built with Flutter to serve as a daily companion, bringing essential Islamic tools together in a single modern and easy-to-use experience. The application focuses on fast performance, offline availability, accurate prayer calculations, and a clean modular architecture. ### ✨ Key Features - 📖 Read the Holy Quran using custom Uthmanic typography. - 📚 Access Tafseer directly while reading. - 🔖 Automatically remember the last-read Surah and Ayah. - 🕌 Calculate accurate prayer times based on the user's location. - 🔔 Schedule Adhan and prayer notifications. - 🕋 Calculate and display the Qibla direction using device sensors. - 📿 Smart electronic Tasbeeh with haptic feedback and cycle tracking. - 🤲 Categorized Azkar for morning, evening, sleep, and prayers. - 📜 Browse a collection of Hadith. - 🌙 Dynamic light and dark themes. - 🎨 Smooth animations and responsive interfaces. - 📡 Offline-first experience using locally bundled data. ### 🏗️ Architecture The application follows a Feature-First Clean Architecture where each major capability is isolated into an independent feature, including Quran, Tafseer, Azkar, Prayer Times, Qibla, Hadith, and Notifications. GetX is used for reactive state management, dependency injection, and navigation, while shared services and utilities are organized inside the Core layer. ### ⚡ Offline-First Core Quran, Tafseer, and other static content are bundled locally as JSON assets, allowing users to access essential features without requiring an internet connection.
ScreenshotsGALLERY_VIEW
Gallery1 / 14
MOBILE_EMU
LIVE
SYS_RENDER_OK