الوصف:
موقع شخصي تفاعلي يعرض خبراتي، مهاراتي، ومشاريعي بطريقة جذابة باستخدام رسومات ثلاثية الأبعاد (3D). تم تصميم الواجهة بعناية لترك انطباع احترافي وفريد، مع تجربة مستخدم سلسة تجمع بين الجمال والبساطة.
دوري:
قمت بتطوير الموقع بالكامل من الصفر باستخدام React وVite، مع الاعتماد على مكتبات 3D مثل Three.js و@react-three/fiber لعرض نماذج ثلاثية الأبعاد بطريقة سلسة. كما أضفت قسم تواصل مخصص باستخدام EmailJS ليستطيع أي زائر التواصل معي مباشرة من خلال البريد.
التقنيات المستخدمة:
React
Vite
Tailwind CSS
Three.js
@react-three/fiber و @react-three/drei
Framer Motion (للأنيميشن)
React Icons
EmailJS (لإرسال الرسائل من خلال الفورم)
React Router DOM
الميزات الأساسية:
تصميم ثلاثي الأبعاد تفاعلي باستخدام Three.js
واجهة متجاوبة وسريعة التحميل
عرض مسيرتي المهنية ومشاريعي السابقة بشكل أنيق
فورم تواصل مدمج مع EmailJS لإرسال الرسائل مباشرة إلى بريدي
استخدام Framer Motion لتجربة أنيميشن ناعمة
دعم تنقل سلس بين الصفحات باستخدام React Router
رابط المشروع: