E-Commerce-React-App
تفاصيل العمل
تطبيق متجر إلكتروني - SooQ-Store – E-Commerce React App
نبذة عن المشروع
تطبيق ويب احترافي لمتجر إلكتروني تم تطويره باستخدام مكتبة React.js، يقدّم تجربة مستخدم سلسة وعصرية لعرض المنتجات، إدارتها، وإتمام عمليات الشراء والدفع بطريقة سهلة وآمنة.
️ التقنيات والمكتبات المستخدمة
React.js – لبناء الواجهة الأمامية وتوفير أداء سريع وسهل التوسعة.
React Router DOM – للتنقل بين الصفحات بطريقة ديناميكية.
Axios – للتعامل مع الـ API واسترجاع البيانات.
Formik + Yup – لإدارة النماذج والتحقق من صحة البيانات.
React Icons + FontAwesome – لاستخدام أيقونات احترافية.
React Slick & Slick Carousel – لإنشاء سلايدر جذاب للمنتجات.
React Loader Spinner – لعرض مؤشرات تحميل أنيقة.
React Modal – للنوافذ المنبثقة.
React Hot Toast – لإظهار التنبيهات والإشعارات.
Bootstrap 5 – لتصميم واجهات متجاوبة على جميع الأجهزة.
أبرز المميزات
عرض قائمة المنتجات مع إمكانية البحث والتصفية حسب الفئة أو الاسم
عرض تفاصيل المنتج بشكل دقيق مع الصور والسعر والوصف
إضافة المنتجات إلى سلة الشراء أو قائمة الأمنيات
نظام تسجيل مستخدم وتسجيل دخول آمن
نظام دفع إلكتروني متكامل
تصفح المنتجات حسب الفئات والعلامات التجارية
واجهة مستخدم عصرية وسهلة الاستخدام
دعم كامل للعرض على أجهزة الجوال والتابلت واللابتوب
️ هيكل الصفحات
الصفحة الرئيسية – تعرض أبرز المنتجات والعروض.
️ التصنيفات – تصفح المنتجات حسب الفئة.
️ العلامات التجارية – عرض المنتجات حسب الماركات.
️ المنتجات – قائمة بجميع المنتجات المتاحة.
تفاصيل المنتج – عرض شامل لمنتج معين.
سلة المشتريات – مراجعة وإدارة الطلبات قبل الدفع.
️ قائمة الأمنيات – حفظ المنتجات المفضلة.
التسجيل، تسجيل الدخول، نسيان كلمة المرور وتحديثها – إدارة الحسابات.
الملف الشخصي – معلومات وبيانات المستخدم.
الدفع – صفحة الدفع الإلكتروني.
رابط المشروع التجريبي