تطبيق متجر إلكتروني (E-commerce Web App) لعرض المنتجات وإدارتها باستخدام واجهة مستخدم سهلة وسلسة. يعتمد التطبيق على جلب البيانات من واجهة برمجية خارجية (API) ويتيح للمستخدمين تصفح المنتجات وإضافتها إلى سلة التسوق ثم إتمام عملية الشراء.
جلب بيانات المنتجات من الـ API التالي:https://fakestoreapi.com/...
عرض جميع المنتجات في صفحة مخصصة للمنتجات.
كل منتج يجب أن يحتوي على:
صورة المنتج
اسم المنتج
زر Add to Cart
عند إضافة أي منتج إلى السلة، يتم تحويل المستخدم تلقائيًا إلى صفحة Cart.
صفحة السلة تعرض:
المنتجات المضافة
الكمية لكل منتج
السعر
إجمالي السعر حسب الكمية
إمكانية زيادة أو تقليل الكمية مع تحديث السعر تلقائيًا.
منع تكرار نفس المنتج داخل السلة، بحيث يتم زيادة الكمية بدلًا من إضافة عنصر جديد.
إمكانية حذف أي منتج من السلة.
زر Continue Shopping لإعادة المستخدم إلى صفحة المنتجات.
عند الضغط على زر Purchase / Checkout يظهر تنبيه يفيد بإتمام عملية الشراء بنجاح.
