متجر الكتروني
تفاصيل العمل
تطوير واجهة متجر إلكتروني باستخدام React.js مع بناء تجربة مستخدم متكاملة لإدارة المنتجات والطلبات.
تم تنفيذ المشروع باستخدام React.js مع تقسيم الواجهة إلى Components قابلة لإعادة الاستخدام، وربط التطبيق بـ API خارجي لجلب بيانات المنتجات وعرضها بشكل ديناميكي.
أبرز ما تم تنفيذه:
عرض المنتجات وتصنيفها حسب الأقسام.
صفحة تفاصيل لكل منتج.
البحث عن المنتجات مع اقتراحات أثناء الكتابة.
إضافة المنتجات إلى سلة المشتريات وإدارة الكميات.
إنشاء قائمة المفضلة (Wishlist).
حفظ بيانات السلة والمفضلة باستخدام LocalStorage.
حساب الأسعار والخصومات بشكل ديناميكي.
صفحة Checkout لإتمام الطلب.
استخدام React Router لإدارة التنقل بين الصفحات.
استخدام Context API لإدارة حالة السلة والمفضلة.
إضافة Product Sliders باستخدام Swiper.js.
إضافة تنبيهات وتفاعلات باستخدام SweetAlert2.
ربط التطبيق بالـ API باستخدام Axios.
التقنيات المستخدمة:
React.js – JavaScript – Axios – Context API – React Router – Swiper.js – CSS – SweetAlert2 – LocalStorage
رابط المشروع: