رمجة وتطوير موقع سيرة ذاتية (بورتفوليو) تفاعلي لمهندس مدني ومؤسس شركة

قمت بتصميم وتطوير موقع سيرة ذاتية (Portfolio) حديث وعالي الأداء لـ "Jeet Badki"، وهو مهندس مدني ومؤسس منصة InfraToday. كان الهدف من المشروع هو بناء واجهة رقمية احترافية تبرز خبراته العالمية في البنية التحتية، إدارة الإنشاءات، والمشاريع الحضرية، مع التركيز على تقديم تجربة مستخدم (UX) استثنائية وسلسة.

أبرز المميزات والخصائص التي تم تنفيذها:

تصميم عصري ومتجاوب بالكامل: تم بناء الموقع باستخدام إطار العمل Tailwind CSS، مع دمج مفاهيم حديثة في واجهة المستخدم مثل التأثيرات الزجاجية (Glassmorphism) والنصوص ذات الألوان المتدرجة.

دعم الوضع الليلي والنهاري (Dark/Light Mode): برمجة نظام مخصص لتبديل مظهر الموقع مع حفظ تفضيلات المستخدم (Local Storage).

قسم مشاريع تفاعلي (Accordion): عرض ديناميكي للمشاريع الهندسية مع تفاصيل تقنية دقيقة ومؤشر مرئي لمستوى تعقيد كل مشروع (Complexity Score).

خط زمني للمسيرة المهنية (Timeline): تصميم جذاب يعرض المسيرة الأكاديمية والمهنية للمهندس بشكل متسلسل.

نماذج تواصل تفاعلية (Serverless): دمج مكتبة EmailJS لربط نموذج "اتصل بي" ونموذج "الاشتراك بالنشرة البريدية" لتوصيل الرسائل الفورية دون الحاجة لبرمجة خوادم خلفية (Backend).

تأثيرات حركية (Scroll Animations): كود جافا سكريبت محسّن (باستخدام requestAnimationFrame) لإنشاء تأثيرات تفاعلية ناعمة عند التمرير ولإظهار/إخفاء زر الصعود للأعلى.

شريط تمرير آراء العملاء (Slider): تضمين وتخصيص مكتبة Swiper.js لعرض التوصيات والتقييمات بطريقة جذابة.

المهارات المستخدمة:

تطوير الواجهات الأمامية (Front-End Development)

HTML5 / CSS3 / JavaScript

Tailwind CSS

تصميم الويب المتجاوب (Responsive Web Design)

EmailJS API

Swiper.js (Sliders)

واجهة المستخدم وتجربة المستخدم (UI/UX)