واجهات متجر الكترونى

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

الميزات المُنفذة:

صفحة عرض المنتجات – عرض مجموعة من المنتجات مع التفاصيل.

إضافة إلى السلة – يمكن للمستخدمين إضافة العناصر إلى سلة التسوق.

إزالة من السلة – يمكن إزالة العناصر بشكل فردي.

ملخص الطلب – صفحة لمراجعة الطلب قبل تقديمه.

تنفيذ الطلب – محاكاة عملية تنفيذ الطلب.

تحديثات السلة الديناميكية – يتم تحديث السلة في الوقت الفعلي مع إضافة أو إزالة العناصر.

تصميم نظيف ومنظم – تم بناؤه بالكامل باستخدام HTML الدلالي وCSS المعياري.

تجربة تفاعلية كاملة باستخدام JavaScript الخام (Vanilla JS).

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

HTML5: لبنية دلالية وسهلة الوصول.

CSS3: لتنسيق وتصميم الصفحات والاستجابة الأساسية لمختلف الأجهزة.

JavaScript: لتنفيذ التفاعلية والتحديثات الديناميكية.