Project Categories

Duyof is a comprehensive, cross-platform Flutter application designed to serve as a reliable digital guide for Muslims performing Hajj and Umrah. Recognizing that pilgrims often face crowded environments with poor internet connectivity, the app was heavily engineered as an offline-first utility. It bundles location-based spiritual tools, multimedia educational content, and high-performance native reading experiences into a single, accessible interface.

My Role

Mobile Application Developer
Responsible for the end-to-end development of the mobile client, from architecting the local database and networking layer to engineering the complex, multilingual UI/UX.

Key Technical Achievements

1. Global Accessibility (80+ Languages)
Pilgrims come from all over the world, making internationalization a critical technical challenge.

Massive-Scale Localization: Engineered a highly dynamic localization system that seamlessly supports over 80 languages.
Complex Typography & RTL Support: Implemented flawless Right-to-Left (RTL) rendering and integrated custom typography variants, including specialized fonts like the Uthmani script, to render Quranic verses and Arabic text beautifully and accurately without breaking UI layouts.

2. Offline-First Architecture & Caching
High-density areas during Hajj often result in total cellular network failure. The app was built to not just survive, but thrive offline.

Robust Local Data: Architected a sophisticated local database layer using SQLite, alongside secure storage and shared preferences, ensuring all user settings and saved content persist offline.
Intelligent Media Caching: Implemented aggressive caching strategies (using dio_cache_interceptor and cached_network_image) so that once text, images, or guides are loaded, they are permanently available without redundant network calls.

3. Geospatial & Sensor Integrations
Built essential spiritual utilities that require high-accuracy hardware communication.

Qibla Compass: Interfaced with device magnetometers (via flutter_compass) and geolocation services to precisely calculate and render the Qibla direction relative to the user's global coordinates.
Algorithmic Prayer Times: Integrated complex astronomical algorithms (adhan and hijri engines) to generate accurate, localized daily prayer times and an interactive Hijri calendar entirely on-device, independent of web APIs.

4. Rich Media & Document Handling
The app acts as a pocket library for religious guides.

Native PDF Rendering: Integrated syncfusion_flutter_pdfviewer to provide a smooth, natively scaled reading experience for heavy document guides.
Audio/Video Streaming: Built custom media players using video_player, chewie, and audioplayers for seamless playback of educational videos and supplications (Duas).

5. Seamless UI/UX Engineering
Polished Interface: Translated complex requirements into a modern, fluid interface utilizing smooth skeleton loaders (skeletonizer) during data fetches, dynamic rating bars, and interactive floating modal sheets.
On-Device Generation: Utilized qr_flutter to generate offline-ready QR codes directly on the device for fast sharing and contextual linking.
 

Islamic Invitation is a comprehensive, feature-rich Islamic mobile application built with Flutter, designed to serve as a digital hub for Islamic knowledge, resources, and community tools. The application offers a wide array of spiritual and educational content, bridging the gap between historical literature and modern digital accessibility. It provides multilingual support and serves users across the globe with resources ranging from the Holy Quran and prayer times to rich multimedia content and interactive maps for Islamic centers.

Key Features

1. Vast Knowledge Library: Dedicated modules for reading articles, and books.
2. Rich Multimedia Experience: Integrated, custom video and audio players for streaming Islamic channels, Quranic recitations, lectures, and other localized multimedia content.
3. Global Prayer Times & Quran: Added a widget responisble for prayer times, along with a full digital Holy Quran reader featuring various reciters.
4. Islamic Centers Locator: An interactive maps integration that helps users discover and locate Islamic centers and organizations worldwide depending on their selected country.
5. Advanced Search & Filtering: Quick global search features and categorized content lists to help users effortlessly navigate through authors, content types, categories, and languages.
    

MP3 Quran is a modern, high-performance web application dedicated to streaming and downloading Quranic recitations by renowned world reciters. Designed with an emphasis on accessibility and user experience, the platform features a globally persistent audio player, smart search capabilities, and robust internationalization supporting over 20 languages with full RTL/LTR layouts.

Key Features

Global Audio Player & Playback Control: Features a persistent, floating audio player built with media-chrome. It supports background playback, media session controls (hardware keys), and seamless transitions between Surahs (chapters) and specific Ayahs (verses).

Deep Internationalization (i18n): Native support for 20+ languages (Arabic, English, French, Urdu, Bengali, etc.) with custom Next.js middleware handling locale routing, translations, and dynamic Right-to-Left (RTL) text rendering.

Multi-Reciter Library: A highly extensible architecture housing numerous renowned reciters (Mishary, Al-Sudais, Maher, etc.). Custom Node.js scripts automatically process MP3 folders to extract metadata (duration, size) and generate optimized JSON data structures.

Modern, Accessible UI: Beautifully crafted using Tailwind CSS v4 and Radix UI primitives. It guarantees full keyboard accessibility, screen-reader support, and a responsive design that adapts smoothly across desktop and mobile devices. Includes dynamic Dark/Light mode switching.

Translations & Reading View: Offers a dedicated "Translation View" fetching localized meanings of Ayahs, coupled with custom Moshaf (Quran script) selectors to cater to different reading preferences.
 

A comprehensive, multi-language web platform designed to serve diverse localized content, translations, and textual data for the Quran. Built on Laravel, the project handles complex relations between Suras, Ayas, and multilingual translations to deliver localized content efficiently to a global user base.

The Challenge & Architecture Shift

Originally, the platform was architected as a decoupled system consisting of two separate repositories: a frontend UI application and a standalone backend (this project) serving data strictly via REST APIs. While functional, the overhead of maintaining two separate codebases and synchronizing API payloads created unnecessary friction.

My Role & Contributions

To streamline development and improve delivery, the decision was made to consolidate the architecture into a single monolithic Laravel application. A new, dedicated UI was provided, and my primary responsibility was spearheading this integration.

Architecture Consolidation: Successfully migrated the decoupled frontend and backend into a cohesive, monolithic Laravel project.

Controller Implementation & Wiring: Designed and implemented entirely new view-serving controllers designed to replace the old pure-API approach. I wired the provided UI templates (Blade) directly to the application logic, ensuring that data hydration and view rendering were seamless.

Extensive Multi-Language Support: Architected the new views and controllers to heavily leverage the existing database-driven localization (handling dynamic languages, script directions, and multi-language content models.

Database & Routing Optimization: Ensured robust routing configurations (web.php vs. api.php) to transition the data consumption from headless clients to server-side rendered views while maintaining performance.

Built a robust and scalable financial back-end system utilizing a microservices architecture. The platform simulates core banking operations, handling everything from user onboarding to processing financial transactions between accounts, all tied together with asynchronous event-driven logging.

Architecture & Core Services

• 
  To ensure scalability and separation of concerns, the system was decoupled into several independent microservices:

• User Service: Dedicated to the onboarding and management of users. This service acts as the central source of truth for user identities.
  Account Service: Responsible for provisioning and managing multiple types of bank accounts (e.g., checking, savings) linked to specific users.
  Transaction Service: The financial engine of the platform, orchestrating secure deposits, withdrawals, and peer-to-peer money transfers between different accounts.
  Backend for Frontend (BFF): An aggregation layer and API Gateway that streamlines client-side communication. It provides a cohesive, unified interface to showcase the system’s backend functionalities.
  Logging & Auditing Service: An event-driven microservice powered by Apache Kafka. It asynchronously intercepts and logs inter-service messages and system events, ensuring high traceability without blocking core transactional workflows.

Technologies Used

• 
  Backend & Frameworks: Java, Spring Boot (Assuming Spring based on Maven structure)
  Architecture: Microservices, API Gateway / BFF Pattern
  Message Broker: Apache Kafka (Event-driven logging)
  Build & Dependency Management: Maven

Key Features & Highlights

• 
  Decoupled Architecture: Allowed individual services to scale and deploy independently.
  Asynchronous Communication: Leveraged Kafka to decouple logging and auditing from the main transaction paths, reducing latency on financial operations.
  Unified Client Interface: The BFF pattern mitigated over-fetching by aggregating data from the User, Account, and Transaction services into a single optimized response for the front end.