قمت بتطوير وتصميم محفظة شخصية تفاعلية ثلاثية الأبعاد باستخدام أحدث تقنيات الويب: React، Vite، Tailwind CSS، وThree.js، وذلك لعرض المشاريع والمهارات بطريقة فريدة وجذابة بصريًا.
مميزات المشروع:
تصميم متجاوب بالكامل يعمل على جميع الأجهزة.
نماذج ثلاثية الأبعاد تفاعلية باستخدام react-three-fiber وGLB models.
حركات متقدمة باستخدام GSAP لتمرير وانسيابية المشاهد.
لوحة تحكم محتوى ديناميكية قابلة للتحديث بسهولة من ملف واحد.
نموذج تواصل مدمج مع EmailJS لإرسال الرسائل مباشرة.
نشر سريع على GitHub Pages بنقرة واحدة.
? التقنيات المستخدمة:
React – Vite – Tailwind CSS – Three.js – GSAP – EmailJS
أقسام الموقع:
قسم البداية (Hero) بنموذج ثلاثي الأبعاد وزر CTA
معرض المشاريع (Showcase) مع صور ووصف تقني
شريط شعارات العملاء (Logo Marquee)
مميزات المهارات والخبرات (Features + Experience)
قائمة المهارات بتصميم ثلاثي الأبعاد
نموذج تواصل تفاعلي (Contact)
تذييل يتضمن روابط اجتماعية وحقوق النشر
هذا المشروع يُظهر احترافية في تصميم واجهات المستخدم، دمج العناصر ثلاثية الأبعاد، وتحقيق تجربة تفاعلية قوية تناسب المطورين والمصممين وأصحاب الأعمال الإبداعية.