Madar

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

واجهة المتجر (Frontend):

مطورة باستخدام React و Vite و Tailwind CSS بتصميم حديث بنمط Bento Grid.

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

تستخدم مكتبة Axios لإرسال واستقبال البيانات مع معالجة التوكنات وتجديدها تلقائياً.

الخلفية وإدارة البيانات (Backend):

مطورة باستخدام Django 6 و Django REST Framework.

توفر واجهات برمجية (APIs) لجلب المنتجات، الفلترة حسب السعر والفئة، إدارة سلات الشراء، وإنشاء الطلبات وحساب الضرائب والشحن.

مؤمنة بنظام صلاحيات ومصادقة عبر JWT مع التحقق من أدوار المستخدمين (Admin و Staff).

لوحة تحكم الإدارة (Admin Dashboard):

لوحة محمية مخصصة للمسؤولين تتيح متابعة إحصائيات المبيعات، تنبيهات نقص المخزون، والأجهزة الأكثر طلباً.

إدارة كاملة للمنتجات (إضافة وتعديل الأجهزة، السعات، والمواصفات).

متابعة وتحديث حالات الطلبات، تسجيل ملاحظات العمل ومكالمات العملاء، وقفل الطلب للمراجعة منعاً للتضارب.