موقع تجارة الكترونية متكامل مع لوحة تحكم

منصة تجارة إلكترونية كاملة الوظائف

تحاكي متجرًا حقيقيًا عبر الإنترنت، بُنيت مع تصميم سريع الاستجابة والأداء الأمثل عبر الأجهزة، مما يتيح تفاعلًا سلسًا مع العملاء.

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

تم تطوير المنصة باستخدام:

- ReactJS للواجهة الأمامية

- NodeJS (ExpressJS) للواجهة الخلفية

- RESTful API للتواصل بين الواجهتين

الميزات الأساسية للمنصة:

- عرض المنتج:

عرض أحدث المنتجات مع الأوصاف التفصيلية، الصور، والأسعار.

- عربة التسوق:

يمكن للعملاء إضافة، إدارة، أو إزالة العناصر مع خيار الشراء المباشر بدون استخدام العربة.

- قائمة الرغبات:

تتيح للمستخدمين حفظ المنتجات للنظر فيها لاحقًا.

- إدارة العناوين:

تمكين العملاء من إضافة، تعديل، أو حذف عناوين الشحن من خلال صفحة مخصصة.

- إدارة الحساب:

يمكن للمستخدمين تحديث المعلومات الشخصية، مثل اسم المستخدم وتفاصيل الاتصال، وتغيير كلمة المرور أو حذف الحساب.

- خيارات الدفع:

دعم طرق دفع متعددة، بما في ذلك الدفع عند الاستلام وStripe للدفع الآمن عبر الإنترنت.

- إدارة الطلبات:

يمكن للعملاء عرض سجل الطلبات وتتبع حالة التسليم.

لوحة تحكم المسؤول:

- إدارة المنتجات:

إضافة، تعديل، تعطيل، أو حذف المنتجات، وإدارة المخزون.

- إدارة الطلبات:

التحكم الكامل في طلبات العملاء، بما في ذلك عرض حالات الطلب وتحديثها، وإدارة عمليات التسليم.

- إدارة المستخدم:

عرض وإدارة حسابات العملاء، إعادة تعيين كلمات المرور، والتعامل مع استفسارات المستخدمين.

ميزات إضافية:

- تصميم سريع الاستجابة:

يتكيف الموقع بسلاسة مع جميع الأجهزة (أجهزة الكمبيوتر المكتبية، الأجهزة اللوحية، والهواتف المحمولة) لضمان تجربة مستخدم مريحة.

- الأمان:

يتم استخدام تشفير البيانات لحماية بيانات العملاء والدفع، مع الالتزام بأحدث الممارسات الأمنية.

---

التقنيات والأدوات المستخدمة في المشروع:

- اللغات: HTML5، CSS3، JavaScript ES6، JSON

- الأدوات: Postman، ReactJS، NodeJS، RESTful API، Material UI، Framer Motion

- الأمن: bcrypt، cors، dotenv

- الإدارة: ReduxJS، Redux Toolkit، JS-cookie

- التخزين: MongoDB، Mongoose

- الاستضافة: Cloudinary لاستضافة الصور

- الإضافات: Axios، Nodemon، JSON Web Token

- التنقل: React-router-dom

- التنبيهات: React-hot-toast