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

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