My Portfolio

قمت بتصميم وتطوير موقع Portfolio شخصي تفاعلي لعرض خبراتي ومهاراتي ومشاريعي كمطور Full-Stack .NET.

تم تنفيذ الموقع باستخدام HTML5 وCSS3 وJavaScript، مع الاهتمام بتقديم تجربة استخدام حديثة وسريعة على جميع أحجام الشاشات.

أبرز مميزات الموقع:

- تصميم Responsive متوافق مع الموبايل والتابلت والـiPad والديسكتوب.

- قائمة تنقل مخصصة للموبايل.

- Hero Section تفاعلي يحتوي على لابتوب يمكن فتحه وإغلاقه.

- دعم الوضعين Dark Mode وLight Mode.

- عرض المهارات والخبرات والمسار التعليمي بصورة منظمة.

- Carousel متحرك لعرض المشاريع باستخدام Swiper.js.

- نافذة تفاصيل متكاملة لكل مشروع مع Scroll Progress.

- إمكانية إضافة نصوص وقوائم وصور كثيرة لكل مشروع.

- معرض صور على هيئة Cards أفقية.

- عارض صور بالحجم الكامل مع Previous/Next وThumbnails ودعم Swipe.

- حركات وانتقالات سلسة باستخدام GSAP وLenis.

- دعم التنقل بالكيبورد وتحسينات Accessibility.

- تحسين الأداء ومنع مشاكل تجاوز العرض والتمرير الأفقي.

تم بناء أقسام الموقع بطريقة منظمة تعتمد على البيانات، مما يجعل إضافة مشاريع أو مهارات أو خبرات وصور جديدة أمرًا سهلًا دون الحاجة إلى تعديل هيكل الصفحة بالكامل.