All Projects

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.
 

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 full-stack  platform built to support the study of Mutashabihat (similar Quranic verses) through a modern bilingual web experience and a scalable backend architecture. The project combines a high-performance Ruby on Rails REST API + CMS with a responsive Next.js frontend, delivering structured Quranic content, advanced search tools, and personalized user features.

On the backend, I developed a secure and maintainable API that manages complex relational data between Suras, Ayahs, and verse similarities, while also powering dynamic CMS content such as articles, events, FAQs, SEO pages, and sliders. The system includes authentication flows, OTP verification, password recovery, and role-based access control for administrators through an ActiveAdmin dashboard.

On the frontend, I built a fast, bilingual (Arabic / English) interface with full RTL/LTR support, enabling users to explore Quranic similarities through searchable, filterable, and paginated experiences. I implemented secure JWT-based sessions, favorites, protected routes, optimized data fetching with caching, and polished UX features such as skeleton loaders and responsive layouts.

Key Highlights

• Full-stack architecture connecting Rails API with Next.js frontend
• Arabic & English localization with RTL/LTR adaptive UI
• Advanced Quranic verse similarity explorer with filtering & search
• Secure authentication, OTP, password reset, and user accounts
• Admin CMS for managing content without developer involvement
• Optimized API consumption with caching and smooth UX loading states

The Islamic Invitation Platform is a highly scalable, full-stack CMS and digital distribution platform designed to share educational, cultural, and religious content with a global audience. Built on the Laravel framework, this project serves as both a responsive web application and a robust backend infrastructure that powers cross-platform mobile applications. The platform is engineered to handle massive volumes of data, seamless content delivery, and deeply complex localization requirements.

Key Features & Technical Highlights:

Massive-Scale Localization:
Architected an advanced internationalization system capable of serving localized content in over 425 different languages. 

Robust Mobile API Architecture:
Developed and documented a comprehensive, secure RESTful API (Mobile API) that acts as the backbone for associated iOS and Android mobile applications. The API handles complex data payloads, advanced filtering, searching, and pagination, ensuring mobile clients receive fast and optimized responses regardless of the user's geographic location.

Frontend & UI/UX Engineering:
Managed frontend asset compilation using Laravel Mix (Webpack), delivering optimized CSS/Sass and JS payloads. Built a dynamic front-end that seamlessly switches not just text, but layout directionality (RTL/LTR) based on the user's selected language, ensuring an accessible and culturally appropriate user experience.

Challenges & Solutions:

The most significant challenge was maintaining database performance and API response times while querying against an architecture supporting 425+ languages and thousands of nested relationships. This was solved by implementing intelligent caching strategies, optimizing MySQL indexes, and offloading heavy translation mappings to background scripts and JSON-based language maps rather than relying on expensive real-time database joins.

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.

Hedaiat is a comprehensive, multi-lingual web application dedicated to managing and presenting Islamic educational content. Built on the Laravel framework, the platform serves as a structured repository for Quranic Verses (Ayat), Chapters (Surahs), Prophetic Traditions (Hadeeths), and categorized Islamic benefits. The system is designed to provide users with a seamless, localized experience while offering administrators a robust toolset to control content and site settings.

Key Features:
 

Rich Islamic Content Repository: A structured, interconnected database managing Surahs, Ayat, Hadeeths, and educational benefits.

Multi-language Support: Complete platform localization, enabling users to navigate the interface and consume religious texts across multiple languages.

Advanced Categorization: Hierarchical content organization that allows users to easily browse and discover relevant Islamic teachings.

Content Management System: A dynamic backend (integrated with Voyager) to easily manage site settings, translations, user feedback, and complex data linkages.

Interactive User Flow: Secure contact messaging system and dynamic views for user engagement.

My Role & Highlights:

In this project, I took ownership of the frontend-to-backend integration, ensuring a fluid user experience:
 

UI Design Implementation: I was responsible for wiring the custom UI designs into the application. I translated design mockups into fully functional, responsive, and dynamic Laravel Blade views.

Controller Engineering: I constructed and structured the core Laravel controllers handling the business logic. I wrote the logic to fetch, filter, and serve complex hierarchical data (like linking specific Ayats and Hadeeths to their respective categories) to the frontend efficiently.

Multi-lingual Wiring: I integrated the platform's multi-language features across the user interface and controllers, ensuring content localized dynamically based on the active language context.
 

This project is a comprehensive educational platform designed to structure, categorize, and present complex Islamic Hadith texts. My contributions to the project were twofold: designing a robust relational database to house a massive library of multilingual content, and building an interactive frontend feature that allows users to generate and share personalized Hadith images.

Key Contributions & Features

1. Dynamic Sharing UI with Custom Backgrounds

I spearheaded the development of a highly interactive user interface focused on user engagement and content distribution.

Custom Image Generation: Built a feature that allows users to select a specific Hadith and overlay the text onto various custom backgrounds.
Seamless Social Sharing: Wired the frontend interface to produce optimized, customized cards that users could easily download or share directly to social media and messaging platforms.
Responsive Design: Ensured the customization tool and sharing UI provided a fluid, intuitive experience across both desktop and mobile devices.

2. Database Architecture & Content Modeling

To support the complex nature of the platform's data, I was responsible for designing the underlying database schema.

Relational Data Structuring: Architected a highly relational model to seamlessly link core Hadiths with their respective multi-language translations, detailed word meanings, and thematic categories.
Data Integrity & Scalability: Designed the tables and relationships (such as linking Hadeeth, HadeethCategory, and Language) to ensure fast, efficient data retrieval, ensuring the platform remains performant as the library of translations and texts grows.
Reference Management: Structured the schema to accurately maintain the historical integrity of the content by mapping texts to their original references and source books.

A full-featured, multilingual content management platform built on the Laravel framework. I was responsible for the end-to-end development of the project, focusing heavily on delivering a high-quality user experience and a solid, scalable backend architecture.

Key Contributions & Features:

• Custom UI & Animations: I designed and developed the entire frontend completely from scratch. To elevate the user experience, I integrated smooth, high-fidelity UI animations that make the interface feel interactive and polished. The layout is fully responsive and supports dynamic styling (including RTL logic).
• Database Architecture: Architected a highly scalable relational database structure capable of managing vast amounts of content, languages, categories, and site parameters. Wrote efficient migrations and optimized queries to ensure fast load times even with complex data sets.
• Powerful Admin Dashboard: Integrated and customized Laravel Voyager to act as the central nervous system of the platform. I tailored the BREAD (Browse, Read, Edit, Add, Delete) operations, built custom views, and ensured the site administrators had a frictionless experience when managing users, dynamic content, and system configurations.

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.
    

Developed as the capstone project during my software engineering internship, this application is a comprehensive, full-stack Content Management System (CMS) designed specifically for a physiotherapy and rehabilitation clinic. The platform serves a dual purpose: a dynamic public-facing portal for patients to discover services, and a secure, role-based internal dashboard for clinic staff to manage daily operations, content, and patient intake.

My Role & Contribution

Operating as a Full-Stack Developer, I was responsible for the end-to-end architecture, development, and deployment of the platform. I gathered requirements, designed the database schema, implemented the backend business logic, and built the interactive front-end interfaces.

Key Features (Public-Facing Portal)

• Dynamic Content Showcase: Developed responsive pages to display the clinic’s healthcare services, promotional offers, and detailed doctor profiles.
  Knowledge Base & Feedback: Built a fully functional blog system for health tips and articles, integrated alongside a community-driven customer reviews section.
  Careers & Internships Module: Created a dedicated portal advertising available internships and careers, allowing applicants to apply directly through the platform.
  Secure Registration System: Implemented a robust patient/user registration flow featuring modern security standards to ensure data integrity and prevent spam.

   

Key Features (Admin Dashboard & CMS)

• Interactive Admin Panel: Built a comprehensive back-office dashboard to manage all website domains (Services, Blogs, Doctors, Offers, Reviews, Careers).
  Role-Based Access Control (RBAC): Engineered a multi-tiered permission system for clinic staff:
  Super Admin: Full, unrestricted access to all system modules, configurations, and user management.
  Content/Blog Admin: Restricted access specifically tailored for managing, editing, and publishing blog posts and marketing content.
  Registration & Review Admin: Dedicated access for reviewing, approving, or rejecting new customer registrations, career applications, and customer reviews.

Security Implementations

• Bot Protection: Integrated Google reCAPTCHA within the registration and application pipelines to prevent automated spam and malicious bot activity.
  Two-Factor Verification: Engineered an OTP (One-Time Password) system during the registration process to securely verify user identity and ensure authentic customer onboarding.