استكشف بعض المشاريع التي طورتها

تطوير كامل لمنصة ويب شركة لـ GM Microcementos، شركة متخصصة في تطبيق الأسمنت الميكروي. موقع ويب مهني مع 15 صفحة محسنة، مع التركيز على الأداء وتحسين محركات البحث وتجربة مستخدم استثنائية. يتضمن حاسبة الميزانية، معرض مشاريع قابل للترشيح، نماذج متقدمة ونظام تصميم بسيط. هيكل معياري مع أكثر من 100 مكون قابل للإعادة الاستخدام وتحسين Core Web Vitals.

منصة ويب لـ Academia CEJ، أكاديمية متخصصة في امتحانات العدل التنافسية في مالقة. موقع ويب متجاوب بالكامل مع مدونة، حرم جامعي افتراضي، نظام اختبار المعرفة، نظام التسجيل وإدارة البرامج. مطور بـ Next.js 14، React 18، Tailwind CSS، Framer Motion و Docker.

تطوير الموقع المؤسسي لشركة Dimap، وهو تطبيق حديث مبني باستخدام Next.js 15 وReact 19 وRedux Toolkit وTailwindCSS، يهدف إلى تقديم أداء مثالي وتجربة سلسة. يشمل المشروع صفحات الخدمات والمدونة والأقسام المؤسسية والنماذج مع تتبع العملاء المحتملين، وكل ذلك مبني على بنية معيارية مع تحميل عالي التحسين باستخدام SSG وLazy Loading وClientLoader.

في هذا المشروع، عملت مع فريق لتطوير منصة من الصفر مخصصة لبيع المنتجات عالية الجودة وتطوير التجارة المحلية. عملنا من المفهوم إلى التطبيق العملي، حيث أنشأنا الواجهة الخلفية والواجهة الأمامية. بالإضافة إلى تقنيات مختلفة، تم دمج تكاملات مثل JWT للتحكم في حسابات المستخدمين وتسجيل الدخول، لوحة تحكم لإدارة جميع البيانات. يتضمن المشروع ميزات مثل إمكانية تسجيل الدخول بشبكات اجتماعية مختلفة، إنشاء حساب مستخدم لشراء المنتجات أو حساب شركة لإضافتها، خرائط لأقرب مكان يمكن فيه العثور على المنتج وغيرها. لأسباب السرية، لا يُعرض الكود.

إعادة إنشاء قسم البطل الرسمي من موقع Apple لـ AirPods Pro 2، مع التركيز على إتقان الرسوم المتقدمة باستخدام GSAP وScrollTrigger. قمت بتنفيذ تسلسل من 65 صورة يتم عرضها عبر Canvas ومتزامنة مع التمرير، إضافةً إلى انتقالات سلسة وملاحة ديناميكية وتأثيرات مستوحاة من تجربة Apple الأصلية. مشروع يهدف إلى تحسين مهاراتي في الرسوميات عالية الأداء على الويب.

تطوير تطبيق PWA لاكتشاف الكائنات في الوقت الفعلي باستخدام Angular 19 وTensorFlow.js. يتضمن إعداد PWA، دمج TensorFlow.js لاكتشاف الكائنات، التقاط ومعالجة الصور المباشرة، تحسين الأداء باستخدام Web Workers وLazy Loading، التخزين دون اتصال عبر IndexedDB، ونشره على الأجهزة المحمولة.

نسخة من صفحة الهبوط Grand Theft Auto VI، تم إنشاؤها حصرًا لأغراض تعليمية وعرض مهارات تطوير الويب. موقع ويب حديث بتصميم متجاوب محسَّن لجميع دقة شاشات سطح المكتب (1024px - 4K). يتضمن قائمة منسدلة مع رسوم متحركة متقدمة باستخدام GSAP، ونظام عرض ديناميكي للشخصيات والمواقع مع الصور، وقسم تفاعلي للإعلانات الترويجية مع معاينة، وقسم تنزيلات مع بطاقات متحركة. مشروع تعليمي غير ربحي، تم تطويره باستخدام Astroو Tailwind CSS وJavaScript.

مشروع تدريبي لتعلم Three.js و TresJS باستخدام نماذج ثلاثية الأبعاد. تطبيق ويب تفاعلي يسمح بتخصيص مكتب واقف (standing desk) بخيارات تشطيب وألوان مختلفة. يتضمن عرض ثلاثي الأبعاد مع عناصر تحكم مدارية، ونماذج ثلاثية الأبعاد للاب توب وسماعات الرأس ونبات زخرفي. خصص إنهاء المكتب واختر الألوان للإكسسوارات مع معاينة في الوقت الفعلي. تم تطويره باستخدام Vue 3، TresJS (تكامل Three.js مع Vue)، TypeScript، Vite و UnoCSS.

تطبيق ويب مصمم لإدارة محتوى الألعاب باستخدام Strapi كخلفية ونظام إدارة المحتوى.

تطبيق دردشة في الوقت الفعلي يستخدم Socket.IO للتواصل في الوقت الفعلي و Supabase كقاعدة بيانات.

نسخة تعليمية من لعبة نينتندو الأسطورية سوبر ماريو براذرز من عام 1985.

تطبيق رسم مستوحى من عهد Windows 95.

مكتبة ويب لممارسة انتقالات العرض.

نسخة من واجهة TikTok باستخدام Vite و React مع خلفية Supabase.

إصدار من لعبة Atari BreakOut الأسطورية باستخدام JavaScript.