Shopping Cart

يهدف مشروع سلة التسوق الخاص بعلامة أديداس إلى تقديم تجربة تسوق مميزة للمستخدمين. يتضمن المشروع استخدام HTML وCSS وJavaScript لإنشاء موقع ويب يتضمن صفحات مخصصة لمختلف الأقسام مثل الصفحة الرئيسية، والمنتجات الجديدة، وتفاصيل المنتجات، والتعليقات، والتذييل (footer).

المكونات الرئيسية للمشروع

1. الصفحة الرئيسية (Home)

تحتوي على عرض جذاب لمنتجات أديداس المميزة.

تضم صورًا عالية الجودة للمنتجات مع شعارات أديداس.

روابط سريعة إلى الأقسام الأخرى مثل "المنتجات الجديدة" و"التعليقات".

2. المنتجات الجديدة (New Arrivals)

صفحة مخصصة لعرض أحدث المنتجات التي أطلقتها أديداس.

تصميم يشمل صور المنتجات، والأسعار، وزر "أضف إلى السلة" لكل منتج.

إمكانية تصفية المنتجات حسب الفئة أو السعر.

3. المنتجات (Products)

عرض شامل لجميع منتجات أديداس المتاحة.

تصميم بسيط يسمح للمستخدمين بتصفح المنتجات بسهولة.

تفاصيل لكل منتج تشمل الوصف، والمواصفات، والتقييمات.

4. التعليقات (Reviews)

قسم مخصص لتقييمات العملاء للمنتجات.

إمكانية إضافة تقييمات جديدة من قبل المستخدمين.

عرض التقييمات السابقة مع خيارات للفرز أو التصفية.

5. التذييل (Footer)

يحتوي على معلومات التواصل، روابط الشبكات الاجتماعية، وروابط مهمة مثل سياسة الخصوصية وشروط الاستخدام.

تصميم بسيط يتماشى مع هوية علامة أديداس.

التقنيات المستخدمة

1. HTML

هيكل الصفحة يتضمن العناصر الأساسية مثل العناوين، والروابط، والصور.

استخدام العناصر المناسبة لتحسين تجربة المستخدم.

2. CSS

تصميم واجهة مستخدم جذابة باستخدام أنماط متناسقة تناسب علامة أديداس.

استخدام تقنيات مثل Flexbox وGrid لترتيب العناصر بشكل منظم.

3. JavaScript

إضافة تفاعلية للموقع من خلال ميزات مثل سلة التسوق الديناميكية.

تحديث محتوى الصفحة بدون إعادة تحميلها، مما يحسن من تجربة المستخدم.