تطبيق متجر أكلات (React + Redux + API Integration)

مشروع ويب تفاعلي تم تطويره باستخدام React.js و Redux Toolkit لإدارة الحالة، يقدّم تجربة متجر إلكتروني مبسطة للأكلات.

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

صفحة رئيسية (Home):

تعرض أكلات يتم جلبها مباشرة من API خارجي، مع عرض صورة واسم لكل أكلة، بالإضافة إلى أزرار Add / Remove للتحكم في السلة.

صفحة منتجات محلية (Products):

تعرض كروت (Cards) تحتوي على صور محلية محفوظة داخل المشروع، مع إمكانية إضافة أو إزالة العناصر من السلة.

صفحة السلة (Cart):

استعراض جميع العناصر المضافة.

عرض الكمية لكل عنصر.

إمكانية إزالة عنصر محدد.

عرض مجموع المشتريات و checkout

إمكانية حذف جميع العناصر دفعة واحدة (Clear All).

رسالة توضح أن السلة فارغة في حال عدم إضافة أي عنصر.

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

React.js

Redux Toolkit

React Router

React Toastify

tailwind css