Full-stack

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.
 

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.

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.

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.