Featured Production Projects
Real-world applications with live interactive previews and clean architectures.
Portfolio-3D: Interactive WebGL Physics Engine
Role: 3D Graphics Developer
Challenge & Context
Traditional DOM-based portfolios suffer from frame drops during complex animations. The goal was to build a 60 FPS immersive WebGL experience without compromising mobile performance.
Technical Strategy
Engineered a custom WebGL pipeline utilizing Three.js and GLSL shaders. The system manages a compute-heavy particle simulation featuring 2,500 individual nodes mapped to interactions, utilizing strict memory management to bypass DOM bottlenecks.
Measurable Impact
Achieved a 98% Lighthouse performance score and reduced GPU memory allocation by 40% compared to standard DOM implementations. The optimized geometry instancing allowed for 60 FPS across mid-range mobile devices.
سياق المشروع والتحدي
تعاني معارض الأعمال التقليدية المعتمدة على DOM من انخفاض معدل الإطارات أثناء الرسوم المتحركة المعقدة. كان الهدف بناء تجربة WebGL غامرة بمعدل 60 إطاراً في الثانية دون التأثير على أداء الهواتف المحمولة.
الاستراتيجية التقنية
تم تصميم مسار WebGL مخصص باستخدام Three.js ومظللات GLSL. يدير النظام محاكاة جزيئية ثقيلة الحوسبة تضم 2500 عقدة مرتبطة بالتفاعلات، مع إدارة صارمة للذاكرة لتجاوز اختناقات DOM.
التأثير الملموس
تحقيق درجة 98% في أداء Lighthouse وتقليل تخصيص ذاكرة وحدة معالجة الرسومات بنسبة 40% مقارنة بتطبيقات DOM القياسية. سمح تحسين النماذج الهندسية بتحقيق 60 إطاراً في الثانية على الهواتف المحمولة المتوسطة.
Flowdesk Egypt: Coworking CRM System
Role: Full-Stack Architect
Challenge & Context
Flowdesk required a comprehensive workspace management system to handle desk reservations and billing with full bilingual support (Arabic RTL and English LTR) without layout instability.
Technical Strategy
Developed a centralized CRM platform using React and Node.js. Implemented a strict localization architecture loading distinct CSS grids based on locale, and normalized database schemas for overlapping calendar queries.
Measurable Impact
Decreased frontend bundle size by 25% through dynamic RTL chunking. Reduced API query latency by 120ms by implementing indexed views for concurrent room booking lookups.
سياق المشروع والتحدي
تطلب فلوديسك نظاماً شاملاً لإدارة مساحات العمل للتعامل مع حجوزات المكاتب والفواتير مع دعم ثنائي اللغة بالكامل (عربي من اليمين لليسار وإنجليزي من اليسار لليمين) دون عدم استقرار في التصميم.
الاستراتيجية التقنية
تم تطوير منصة إدارة علاقات عملاء مركزية باستخدام React و Node.js. تم تنفيذ بنية أقلمة صارمة تقوم بتحميل شبكات CSS منفصلة بناءً على اللغة، وتوحيد مخططات قاعدة البيانات لاستعلامات التقويم المتداخلة.
التأثير الملموس
تقليل حجم حزمة الواجهة الأمامية بنسبة 25% من خلال التقسيم الديناميكي. تقليل زمن انتقال استعلام واجهة برمجة التطبيقات بمقدار 120 مللي ثانية عن طريق تنفيذ طرق عرض مفهرسة لعمليات بحث حجز الغرف المتزامنة.
Multi-Tenant Enterprise Real Estate SaaS
Role: Lead Backend Developer
Challenge & Context
Architecting a single Software-as-a-Service (SaaS) application capable of isolating data for multiple independent real estate brokerages within a shared infrastructure.
Technical Strategy
Designed a multi-tenant PostgreSQL architecture utilizing Row-Level Security (RLS) for strict data isolation. Integrated automated contract generation and a property search module optimized for geographical querying.
Measurable Impact
Maintained 99.9% uptime during load testing of 5,000 concurrent geographic queries. RLS implementation reduced authorization codebase complexity by 60%, enforcing zero-trust at the database level.
سياق المشروع والتحدي
تصميم تطبيق برمجي كخدمة (SaaS) واحد قادر على عزل البيانات لعدة شركات وساطة عقارية مستقلة داخل بنية تحتية مشتركة لقاعدة البيانات.
الاستراتيجية التقنية
تم تصميم بنية PostgreSQL متعددة المستأجرين باستخدام أمان مستوى الصف (RLS) لضمان عزل البيانات بدقة. دمج إنشاء العقود الآلي ووحدة بحث عن العقارات محسنة للاستعلامات الجغرافية.
التأثير الملموس
الحفاظ على وقت تشغيل 99.9% أثناء اختبار الحمل لـ 5000 استعلام جغرافي متزامن. أدى تنفيذ RLS إلى تقليل تعقيد قاعدة التعليمات البرمجية للترخيص بنسبة 60%، مع فرض انعدام الثقة على مستوى قاعدة البيانات.
Facemark: Deep Learning Attendance
Role: Computer Vision Researcher
Challenge & Context
The institution required an automated, non-intrusive logging system capable of identifying students in real-time as they entered large lecture facilities to eliminate proxy-attendance fraud.
Technical Strategy
Developed a pipeline using Python and computer vision algorithms. The system extracts facial landmarks using deep learning models and cross-references biometric vectors against an encrypted database.
Measurable Impact
Achieved a 99.4% biometric recognition accuracy rate under variable lighting conditions. Optimized the inference pipeline to process frames in under 45ms, enabling real-time multi-face tracking without hardware upgrades.
سياق المشروع والتحدي
تطلبت المؤسسة نظام تسجيل آلي غير تدخلي قادر على تحديد الطلاب في الوقت الفعلي أثناء دخولهم قاعات المحاضرات الكبيرة للقضاء على الاحتيال في الحضور بالنيابة.
الاستراتيجية التقنية
تم تطوير مسار متكامل باستخدام بايثون وخوارزميات الرؤية الحاسوبية. يستخرج النظام معالم الوجه باستخدام نماذج التعلم العميق ويقاطع المتجهات الحيوية مع قاعدة بيانات مشفرة.
التأثير الملموس
تحقيق معدل دقة تعرف حيوي يبلغ 99.4% في ظروف الإضاءة المتغيرة. تم تحسين مسار الاستدلال لمعالجة الإطارات في أقل من 45 مللي ثانية، مما يتيح تتبع الوجوه المتعددة في الوقت الفعلي دون ترقيات للأجهزة.
OmniCRM Enterprise Invoicing & Multi-Tenant Portal
Comprehensive enterprise business suite with bilingual Arabic/English localization, live invoice PDF generation, customer CRM pipeline, product catalog, and dashboard analytics.
Portfolio 3D WebGL Creative Experience
Visual developer portfolio featuring custom Three.js shaders, 3D Canvas camera interactions, Framer Motion choreography, and 9,000+ lines of production TypeScript.
أكاسيا — الفخامة التي تداوي (Akasia Luxury)
High-converting luxury dark-gold Arabic organic snacks e-commerce landing page with interactive slide-over cart, product detail modals, customer reviews, and FAQ accordion.
As-Shifa Clinical Health Records (EHR)
Secure medical hospital records management system with role-based staff logins (Doctor, Nurse, Admin), patient electronic health records, prescription management, and appointment bookings.
Tradex Financial Trading Platform
High-tech trading brokerage web application featuring live ticker simulation, asset search, service tier breakdown, and lead capture forms with dark FinTech styling.
FlowDesk Egypt — Workspace Booking & CRM
Multi-module Coworking & Office Space management SaaS with 12 complete page views: Admin dashboard, Booking scheduler, CRM pipeline, Notifications, and Onboarding.