متجر إلكتروني ولوحة تحكم
E-Commerce Platform
واجهة متجر بتقنية Server-Side Rendering مع دفع عبر Paymob وعربية/إنجليزية بنظام RTL، ولوحة تحكم مرافقة للمنتجات والطلبات والمرتجعات والبنرات وتقارير المبيعات.
نظرة عامة
متجر إلكتروني من تطبيقين: واجهة للعملاء تُعرض على الخادم لسرعة التحميل الأول وظهور أفضل في محركات البحث، ولوحة تحكم لإدارة المتجر. تعمل واجهة العملاء بالعربية والإنجليزية مع RTL.
دوري
مطوّر Frontend في AI Cloud. بنيت واجهة المتجر ولوحة التحكم معًا.
أبرز الميزات
- صفحات الرئيسية وقائمة المنتجات وتفاصيل المنتج والتصنيفات بتقنية Server-Side Rendering.
- حسابات العملاء: تسجيل بالبريد مع رمز تحقق، واستعادة كلمة المرور، وتسجيل الدخول بـ Google، بجلسات قائمة على الـ Cookies.
- السلة والمفضلة وإتمام الشراء مع العنوان والشحن وسجل الطلبات وتفاصيلها.
- الدفع عند الاستلام أو الدفع الإلكتروني عبر Paymob مع صفحة لنتيجة الدفع.
- مسار للمرتجعات: يطلب العميل الإرجاع ويتابع حالته.
- ثيم تتحكم فيه لوحة الإدارة: ثلاثة ألوان للعلامة تُضبط في اللوحة وتتحول إلى لوحة ألوان المتجر وقت التشغيل.
- إعدادات للمتجر تفعّل أو تعطّل ميزات: الشراء كضيف والطلبات والتقييمات والإشعارات.
- لوحة تحكم للمنتجات والتصنيفات والعلامات والبنرات والخصومات والكوبونات والطلبات والمرتجعات والمخزون والمستخدمين والأدوار، مع ست صفحات تقارير برسوم بيانية.
الشاشات
تفاصيل تقنية
SSR بأنماط عرض مختلطة
صفحات الكتالوج تُعرض عند كل طلب، والصفحات التعريفية تُجهَّز مسبقًا، وصفحات الحساب تُعرض في المتصفح، فيستخدم كل نوع صفحة الأسلوب الأنسب.
ثيمات تتحكم فيها الإدارة
تحسب واجهة المتجر لوحة ألوان كاملة من الألوان المحفوظة في الإدارة وتطبقها كمتغيرات CSS، فيمكن تغيير هوية المتجر دون تعديل الكود.
الدفع والمراقبة
تتم المدفوعات الإلكترونية على صفحة Paymob المستضافة ثم يعود العميل لصفحة النتيجة. ويلتقط Sentry أخطاء المصادقة في الإنتاج.
لوحة إدارة بالصلاحيات
تحدد مسارات لوحة الإدارة الصلاحية المطلوبة (34 صلاحية مختلفة) وتُدار من شاشة الأدوار.