جزء "من أنا" من موقع Profolio احترافي

لقد قمت بتصميم وتنفيذ الواجهة الأمامية لقسم "من أنا" (Who I'm) في موقع محفظة أعمالي الشخصية (PROFOLIO). ركز عملي حصرياً على استخدام التقنيات المذكورة لإنشاء تجربة مستخدم ديناميكية وجذابة.

نوع العمل: هو مشروع تطوير واجهة أمامية (Front-End Development) تم بناؤه كوحدة (Component) داخل تطبيق ويب حديث، مع التركيز على التفاعل والأداء.

الميزات التي قمت بتنفيذها:

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

التصميم والأنماط (CSS): طبقت أنماط CSS متقدمة لإنشاء المظهر الداكن والعصري. استخدمت خاصيات الـ flexbox و grid لتنظيم المحتوى وضمان التباعد المثالي بين العناصر. كما استخدمت الـ gradients والتأثيرات اللونية على الصورة الخلفية لإضافة عمق بصري.

التفاعلية والمنطق (JS/jQuery/React):

تم بناء الواجهة كـ مكون React (<AboutSection />) قابل لإعادة الاستخدام.

استخدمت JavaScript النقية وربما بعض وظائف jQuery الخفيفة لتحسين التفاعل، مثل إضافة تأثيرات التمرير السلس (smooth scroll) عند النقر على روابط التنقل (HOME, SKILLS, CONTACT).

طريقة التنفيذ:

بدأت ببناء المكونات الأساسية باستخدام React.

صممت الأنماط باستخدام CSS النقي لضمان التحكم الكامل في كل بكسل وضمان التجاوب على مختلف الأجهزة.

استخدمت JavaScript لإدارة حالة المكونات (State Management) وضمان التفاعل السلس مع المستخدم.