تطبيق تجارة إلكترونية حديث مبني باستخدام React Router v6.
يوفر هذا التطبيق تجربة تسوق سلسة للمستخدمين — تشمل تصفح المنتجات، عرض تفاصيلها، إدارة عربة التسوق، واستكشاف الفئات المختلفة مثل *المجوهرات، الإلكترونيات، ملابس الرجال، وملابس النساء.
المميزات
الصفحة الرئيسية: تعرض المنتجات المميزة والفئات.
صفحة المتجر: تُظهر جميع المنتجات المتاحة.
صفحات الفئات: أقسام منفصلة تشمل:
* المجوهرات
* الإلكترونيات
* ملابس الرجال
* ملابس النساء
صفحة تفاصيل المنتج: عرض معلومات مفصلة لكل منتج عبر التوجيه الديناميكي (`/shop/:id`).
صفحة العربة: إضافة أو إزالة المنتجات وإدارة عربة التسوق.
صفحة التواصل: تتيح للمستخدمين إرسال استفساراتهم.
مكون ScrollToTop: للتمرير السلس إلى الأعلى عند الانتقال بين الصفحات.
مكون Layout قابل لإعادة الاستخدام: يحتوي على الهيكل الأساسي (رأس الصفحة، المحتوى الرئيسي، والتذييل).
## ? التقنيات المستخدمة
| الفئة | التقنية |
| --------------------- | -------------------------------------- |
| **الواجهة الأمامية** | React.js (Vite أو CRA) |
| **التوجيه (Routing)** | React Router DOM v6 |
| **التصميم** | CSS مخصص |
| **إدارة الحالة** | React Hooks (useState, useEffect، إلخ) |
| **المكونات** | مكونات وظيفية قابلة لإعادة الاستخدام |
| **الأدوات المساعدة** | مكون ScrollToTop لتحسين تجربة المستخدم |
## التحسينات المستقبلية
* ️ نظام تسجيل الدخول وإنشاء الحساب
* دمج بوابات الدفع الإلكتروني
* تفعيل الوضع الليلي
* تحسينات في التصميم المتجاوب للأجهزة المختلفة
* إضافة البحث المتقدم والفلاتر
