تصميم موقع بورتفوليو شخصي احترافي باستخدام Bootstrap وHTML وCSS وJavaScript

تم تنفيذ هذا المشروع لتصميم وتطوير موقع بورتفوليو شخصي احترافي ومتكامل يعرض مهارات المبرمج، وخبراته، ومشاريعه السابقة، بطريقة جذابة ومتجاوبة مع جميع الأجهزة (حاسوب – تابلت – هاتف). تم الاعتماد على Bootstrap 5 لهيكلة التصميم وضمان الاستجابة، مع استخدام HTML وCSS وJavaScript لتخصيص التنسيق وإضافة تأثيرات تفاعلية مثل التحريك عند التمرير (Scroll Animation) وتفعيل أقسام الموقع ديناميكيًا عند التنقل.

يتضمن الموقع أقسامًا أساسية:

1️⃣ الصفحة الرئيسية (Hero): تعرض صورة رمزية وتعريفًا مختصرًا بالمطور.

2️⃣ نبذة عني (About): لمحة عن الخبرة والمجالات التقنية.

3️⃣ المهارات (Skills): شريط تقدّم تفاعلي لعرض مستوى الإتقان.

4️⃣ المشاريع (Projects): بطاقات جذابة لعرض الأعمال مع صور وروابط.

5️⃣ التواصل (Contact): بيانات الاتصال وروابط الحسابات المهنية.

تم أيضًا إضافة لمسات بصرية مميزة مثل الألوان المتدرجة، الظلال، والأنيميشن السلس لتجربة مستخدم مريحة وحديثة.

آلية العمل:

1️⃣ تم إنشاء ملف index.html يحتوي على كامل الكود (HTML + CSS + JS) في صفحة واحدة.

2️⃣ تم دمج مكتبات Bootstrap وBootstrap Icons عبر روابط CDN لتسهيل الدمج.

3️⃣ تم تخصيص تنسيقات CSS لتحسين الألوان والخطوط والتباعد.

4️⃣ أضيفت سكربتات JavaScript للتحريك والتفاعل (Smooth Scroll + Active Navbar).

5️⃣ تم اختبار الموقع على مختلف أحجام الشاشات لضمان الاستجابة الكاملة (Responsive Design).