جميع المشاريع

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

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

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

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

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

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

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

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

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

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

موقع ويب لعرض معلومات الأفلام والمسلسلات.

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

حاسبة بسيطة لإجراء العمليات الحسابية الأساسية.

بوكيديكس لعرض معلومات البوكيمون مع إمكانية إضافة المفضلة وحذفها أو حتى إنشاء البوكيمون الخاص بك.

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

أول محفظة ويب باستخدام HTML و CSS و JavaScript فقط. لاحقاً قمت بتطبيقها في Astro.