قمت بتطوير "Shoezy" كنموذج لمتجر أحذية عصري يركز على تقديم تجربة مستخدم (UX) سلسة وجذابة بصرياً. المشروع يعكس مهاراتي في تحويل التصاميم الإبداعية إلى واجهات تفاعلية عالية الأداء باستخدام أحدث تقنيات الويب الأساسية، مع التركيز الكامل على التفاصيل الدقيقة التي تجعل الموقع يبدو كمنتج جاهز للسوق.
أبرز المميزات التقنية:
* Hero Slider تفاعلي: تطوير Slider احترافي يعرض أشهر المنتجات مع ميزة تغيير خلفية الموقع ديناميكياً لتتناسب مع لون الحذاء المعروض، مما يعزز الهوية البصرية للمنتج.
* استجابة كاملة (Responsive Design): الموقع مصمم بمنهجية "Mobile First" لضمان تجربة تصفح مثالية على كافة أحجام الشاشات (الهواتف، الأجهزة اللوحية، والحواسيب).
* تفاعل سلس (Smooth Scrolling): تنفيذ آليات تمرير وتنقل بين الأقسام بدون أي عيوب برمجية، مما يزيد من راحة المستخدم أثناء التصفح.
* أقسام متكاملة: يتضمن المشروع أقساماً أساسية (عن المتجر، مميزات الشراء، وتذييل "Footer" احترافي) منظمة برمجياً بشكل يسهل التعديل عليها مستقبلاً.
* نظافة الكود: تم كتابة الكود باتباع أفضل الممارسات لضمان السرعة والارشفة الجيدة.
التقنيات المستخدمة:
HTML: لبناء هيكل الموقع بشكل دلالي (Semantic UI).
CSS: للتنسيق المتقدم والأنيميشن التفاعلي وتجاوب العناصر (Flexbox & Grid).
JavaScript (Vanilla JS): لإضافة المنطق البرمجي، التحكم في الـ Slider، وتغيير الألوان بشكل ديناميكي.
لكود المصدري للمشروع متاح بالكامل للمعاينة والتقييم عبر حسابي على GitHub، مما يضمن لك جودة التنظيم البرمجي الذي أتبعه في مشاريعي.