بناء منصة متجر إلكتروني متكاملة (Customer / Seller / Admin) باستخدام JavaScript

قمت بتطوير مشروع منصة تجارة إلكترونية متكاملة باسم DEALPORT، وهي منصة متعددة الأدوار (Customer / Seller / Admin) تم تنفيذها باستخدام تقنيات الواجهة الأمامية فقط دون استخدام Backend تقليدي.

يعتمد المشروع على MockAPI وlocalStorage وCloudinary لتوفير تجربة قريبة من الأنظمة الحقيقية في إدارة البيانات، المنتجات، والطلبات.

تدعم المنصة دورة حياة كاملة للتجارة الإلكترونية، حيث يمكن للعملاء تصفح المنتجات والشراء، بينما يقوم البائعون بإدارة منتجاتهم ومخزونهم، ويقوم المسؤول بإدارة النظام بالكامل.

تم التركيز في هذا المشروع على تصميم هيكل برمجي منظم، وفصل كامل بين الأدوار، مع تطبيق نظام صلاحيات وتحكم كامل في الوصول، بالإضافة إلى تحسين تجربة المستخدم وتقديم واجهات تفاعلية حديثة.

أهم مميزات المشروع:

نظام متعدد الأدوار (Customer / Seller / Admin)

إدارة كاملة للمنتجات والطلبات والمستخدمين

نظام سلة مشتريات متكامل مع Checkout متعدد الخطوات

نظام تقييمات ومراجعات للمنتجات

لوحة تحكم للبائع والإدمن مع إحصائيات ورسوم بيانية

نظام صلاحيات وتحكم كامل في الوصول

رفع الصور باستخدام Cloudinary

تخزين البيانات باستخدام MockAPI وlocalStorage

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

HTML5، CSS3، JavaScript (ES Modules)، Bootstrap، jQuery، MockAPI، Cloudinary، Chart.js، Leaflet.js