تصميم واجهة متجر إلكتروني باستخدام React

قمت بتنفيذ واجهة متجر إلكتروني لعرض مجموعة من المنتجات باستخدام ريأكت (React.js) و CSS، مع التركيز على أن يكون التصميم بسيطًا ومنظمًا وسهل الاستخدام.

المشروع يحتوي على:

* عرض المنتجات في شكل Cards بشكل منظم.

* كل Card تحتوي على صورة المنتج، اسم المنتج، التصنيف، السعر، وحالة التوفر.

* إضافة شارات توضح نوع المنتج مثل Premium و Budget.

* إضافة زر Add to cart لكل منتج.

* إضافة زر Show in stock only لعرض المنتجات المتوفرة فقط.

* استخدام React Components لتقسيم المشروع وتنظيم الكود.

* استخدام الصور والـ Assets داخل المشروع.

* تنسيق الواجهة باستخدام CSS مع الاهتمام بالألوان والمسافات وحجم البطاقات والصور.

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