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

قمت بتطوير تطبيق ويب للتجارة الإلكترونية باستخدام React كتجربة عملية لتطبيق مفاهيم عرض المنتجات وإدارة عربة التسوق.

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

من حيث التصميم، ركزت على جعله متجاوبًا باستخدام Flexbox و Media Queries ليظهر بشكل منظم على مختلف الشاشات.

تم تقسيم المشروع إلى مكوّنات مثل Navbar للتنقل، ProductCard لعرض تفاصيل المنتجات، وCart لإدارة العربة مع زر Checkout لتفريغها.

كما اعتمدت على useState و useEffect لإدارة الحالة وتخزين البيانات، مع كتابة CSS منفصل لكل مكوّن وإضافة تأثيرات أنيقة مثل hover والـ transition.