نظام إدارة منتجات التجارة الإلكترونية(e-commerce)

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

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

HTML:

تم استخدام HTML لإنشاء هيكل صفحات الويب. يشمل ذلك عناصر مثل العناوين، والروابط، والصور، والجداول لعرض المنتجات.

CSS:

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

JavaScript:

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

يتضمن ذلك جلب بيانات المنتجات من FakeStore API، وعرض المنتجات بشكل ديناميكي، وإدارة سلة التسوق باستخدام localStorage وsessionStorage.

API:

تم استخدام FakeStore API لجلب بيانات المنتجات، مما يوفر وسيلة فعالة لجلب معلومات المنتجات مثل الاسم، السعر، والصورة دون الحاجة لتخزين البيانات محليًا.

تصميم استجابة (Responsive Design):

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

الميزات الرئيسية:

عرض المنتجات: يتم عرض المنتجات في شبكة مرتبة، مع معلومات مثل الاسم والسعر والصورة.

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

تفاصيل المنتج: عند النقر على أي منتج، يتم فتح صفحة جديدة تعرض تفاصيل إضافية حول المنتج.