18

Quran App - Cross-Platform Mobile Application

Co-managing the development of a comprehensive Quran reading application with prayer times, Qibla direction, and calendar features for iOS and Android platforms using Flutter and SQLite.

The Problem

Existing Quran apps often struggle with offline functionality, consistent UX across platforms, and intuitive interface design, limiting accessibility and engagement for users worldwide.

The Solution

A feature-rich yet user-friendly Quran application built with Flutter, featuring continuous scroll reading, bookmarking system, translation toggle, prayer times, Qibla direction, and Islamic calendar - all functioning completely offline.

Impact

Enhanced accessibility through offline functionality, improved user experience with intuitive design across both iOS and Android platforms, and demonstrated expertise in complex mobile application project management.

Technologies:FlutterDartSQLiteAzure DevOpsFigma
Status:In Progress

Quran App - Cross-Platform Mobile Application

Co-managing the development of a comprehensive Quran reading application for iOS and Android platforms, focusing on offline functionality, intuitive design, and essential Islamic tools.

Project Overview & My Role

This project represents a collaborative effort between Australia and Bangladesh-based teams to create a feature-rich Quran application. As Project Co-Manager alongside Animesh Kar, my responsibilities include:

  • Client relationship management with Raihan Rob (Product Owner)
  • Requirements gathering and documentation
  • Project planning and timeline management
  • Team coordination across time zones
  • Ensuring alignment between design vision and technical implementation

The project follows an Agile/Scrum-inspired methodology with a hierarchical structure of Epics, User Stories, and Tasks tracked through Azure DevOps.

The Challenge

Many existing Quran applications face significant limitations:

  • Limited or no offline functionality
  • Inconsistent experience between iOS and Android platforms
  • Complex interfaces that aren't user-friendly
  • Poor performance with Arabic text rendering
  • Lack of integrated Islamic tools (prayer times, Qibla direction, calendar)

Our Approach

We're addressing these challenges through:

  • Offline-First Architecture: Complete app functionality without internet using SQLite
  • Cross-Platform Consistency: Single Flutter codebase for identical iOS/Android experiences
  • User-Centered Design: Clean, intuitive interface with portrait-only orientation
  • Performance Optimization: Efficient data loading and Arabic text rendering
  • Feature Integration: Core Quran reading with prayer times, Qibla direction, and Islamic calendar
  • Collaborative Development: Structured project management with clear roles and communication

Key Application Features

Core Quran Reading (Highest Priority)

  • Continuous scrolling between Surahs (no page breaks)
  • Fixed header with dynamic Surah name updates
  • Verse selection with highlighting
  • Bookmark functionality with visual feedback
  • Translation toggle (Arabic only or Arabic+English)
  • Indo-Pak font for optimal Arabic text display

Prayer Times

  • Location-based prayer time calculations
  • Customizable notifications for each prayer
  • Various calculation methods support

Qibla Direction

  • Compass-based Qibla finding without Google Maps dependency
  • Simple, intuitive direction display
  • Offline functionality using device sensors

Islamic Calendar

  • Dual calendar system (Gregorian and Hijri)
  • Date conversion between calendar systems
  • Important Islamic dates marking

Settings & Configuration

  • Theme selection (Light/Dark/Readable)
  • Font options and size adjustment
  • Translation toggle
  • Notification preferences

Project Timeline & Structure

The project follows a structured 11-week timeline:

  • Pre-Planning Phase: Requirements gathering, team formation (Completed)
  • Week 0: Project kickoff and setup (In Progress)
  • Weeks 1-3: UI/UX Design phase
  • Weeks 4-7: Development phase
  • Weeks 8-10: Testing and final adjustments
  • Week 11: Project handover and app store submission

The development follows a database-first approach with a well-structured SQLite implementation to support all features offline, ensuring optimal performance even without internet connectivity.

Team Structure

  • Product Owner & UI/UX Designer: Raihan Rob (Sydney, Australia)
  • Project Co-Manager & Developer: Sumit Mondal (Sydney, Australia)
  • Project Co-Manager & Development Lead: Animesh Kar (Dhaka, Bangladesh)
  • Additional Developers: Asif Seraje, Mahmudur Rahman (Dhaka, Bangladesh)

Technical Implementation

The application is built using Flutter for cross-platform compatibility and employs:

  • SQLite: For complete offline storage of Quran text, translations, and user data
  • Custom Database Schema: Carefully designed to optimize performance and storage
  • Continuous Scrolling: Implemented with dynamic header updates based on content position
  • Bookmark System: With chronological display and swipe-to-delete functionality
  • Translation Toggle: Dynamically switches between Arabic-only and dual-language views
  • Device Sensors: For Qibla direction and location-based prayer times

Learning Journey

Managing this project has significantly developed my skills in:

  • Cross-Functional Team Management: Coordinating designers, developers, and stakeholders across multiple time zones
  • Mobile App Project Planning: Breaking down complex features into manageable tasks
  • Agile Implementation: Practical application of Agile principles in a real-world scenario
  • Client Communication: Managing expectations and translating client vision into technical requirements
  • Flutter/Mobile Architecture Knowledge: Understanding technical constraints and possibilities in cross-platform development

Project Significance

This project showcases our ability to:

  • Manage complex mobile application development end-to-end
  • Successfully pivot project resources while maintaining momentum
  • Implement sophisticated technical solutions like continuous scrolling with dynamic headers
  • Coordinate distributed teams effectively across Australia and Bangladesh
  • Deliver feature-rich applications with complete offline functionality

Current Status

The project is currently transitioning from the design phase to development, with:

  • UI/UX designs for the Quran section finalized
  • Database schema defined and ready for implementation
  • Development environment setup completed
  • Initial coding of the Quran reading section underway

Updated: March 19, 2025