موقع شخصي ثلاثي الأبعاد (3d portfolio)

الموقع الشخصي ثلاثي الأبعاد

الوصف العام

هذا المشروع عبارة عن موقع ويب ثلاثي الأبعاد يعرض ملفي الشخصي ويقدم تجربة تفاعلية للمستخدمين لاستعراض مهاراتي وخبراتي. قمت بتصميم وتطوير الموقع بشكل كامل، بحيث يوفر واجهة جمالية وسهلة الاستخدام تعبر عن علامتي الشخصية بطريقة حديثة واحترافية.

التقنيات والأدوات المستخدمة

HTML & CSS & JavaScript: لإنشاء هيكل وتصميم الصفحة.

React.js: لبناء الواجهة الأمامية وتسهيل تطوير الموقع بتجزئة المكونات.

Three.js: لإضافة العناصر ثلاثية الأبعاد والتفاعل معها، مما يعطي الموقع مظهرًا احترافيًا وتجربة استخدام مميزة.

Tailwind CSS: لتحقيق تصميم متجاوب يناسب مختلف الشاشات والأجهزة.

Vercel: لاستضافة الموقع وتقديمه بسرعة وأداء عالٍ للمستخدمين.

مراحل التنفيذ

التخطيط والتصميم: بدأت بتحديد هيكل الموقع، بما في ذلك الأقسام الرئيسية (التعريف، المهارات، الأعمال، الاتصال).

التطوير بالـReact.js: قسمت الموقع إلى مكونات React مختلفة لجعل الكود منظمًا وسهل التعديل.

إضافة الرسومات ثلاثية الأبعاد: قمت بدمج مكتبة Three.js لإضافة عنصر ثلاثي الأبعاد تفاعلي في واجهة الموقع لجذب انتباه المستخدمين.

النشر على Vercel: أخيرًا، قمت بنشر الموقع على Vercel لضمان السرعة والأداء العالي.

مميزات المشروع

تصميم متجاوب يناسب مختلف أحجام الشاشات والأجهزة.

رسومات ثلاثية الأبعاد تفاعلية تضفي طابعًا حديثًا وجذابًا.