تطبيق تجارة إلكترونية React

تطبيق تجارة إلكترونية React

تطبيق تجارة إلكترونية حديث مبني باستخدام React Router v6.

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

المميزات

الصفحة الرئيسية: تعرض المنتجات المميزة والفئات.

صفحة المتجر: تُظهر جميع المنتجات المتاحة.

صفحات الفئات: أقسام منفصلة تشمل:

* المجوهرات

* الإلكترونيات

* ملابس الرجال

* ملابس النساء

صفحة تفاصيل المنتج: عرض معلومات مفصلة لكل منتج عبر التوجيه الديناميكي (`/shop/:id`).

صفحة العربة: إضافة أو إزالة المنتجات وإدارة عربة التسوق.

صفحة التواصل: تتيح للمستخدمين إرسال استفساراتهم.

مكون ScrollToTop: للتمرير السلس إلى الأعلى عند الانتقال بين الصفحات.

مكون Layout قابل لإعادة الاستخدام: يحتوي على الهيكل الأساسي (رأس الصفحة، المحتوى الرئيسي، والتذييل).

## ? التقنيات المستخدمة

| الفئة | التقنية |

| --------------------- | -------------------------------------- |

| **الواجهة الأمامية** | React.js (Vite أو CRA) |

| **التوجيه (Routing)** | React Router DOM v6 |

| **التصميم** | CSS مخصص |

| **إدارة الحالة** | React Hooks (useState, useEffect، إلخ) |

| **المكونات** | مكونات وظيفية قابلة لإعادة الاستخدام |

| **الأدوات المساعدة** | مكون ScrollToTop لتحسين تجربة المستخدم |

## التحسينات المستقبلية

* ️ نظام تسجيل الدخول وإنشاء الحساب

* دمج بوابات الدفع الإلكتروني

* تفعيل الوضع الليلي

* تحسينات في التصميم المتجاوب للأجهزة المختلفة

* إضافة البحث المتقدم والفلاتر