محمود
خطي: لوحة تحكم الملّاك

خطي: لوحة تحكم الملّاك

يمكن تجهيز أي فكرة

  • قوالب ويب.
  • تطبيقات قابلة للتوسّع.
  • حلول قابلة للتخصيص.
  • صفحات هبوط.
  • مواقع بورتفوليو.
عرض حي

الوصف

لوحة تحكم ويب تحوّل مالك مركبات بين المدن إلى مشغّل أسطول كامل: تسجيل المركبات وإدارتها، توظيف السائقين وتعيينهم، جدولة الرحلات ومتابعتها، طلب مسارات جديدة، تتبّع الأرباح، والتعامل مع متطلبات الالتزام، كل ذلك من لوحة تحكم واحدة ثنائية اللغة. مبنية بنفس بنية React Router v7 وRedux Toolkit/RTK Query المستخدمة في لوحة التحكم الإدارية، وتعمل بنموذج أحادي المستأجر: يرى المالك ويدير أسطوله وسائقيه ورحلاته فقط.

معرض المشروع

الحاجة التجارية

  • ملّاك الأساطيل يحتاجون تحكمًا تشغيليًا يوميًا دون الحاجة إلى مسؤول إداري يدير أعمالهم نيابة عنهم، مع بقائهم بمنأى عن أدوات المنصة الشاملة مثل الموافقة على المسارات أو سعر الصرف.
  • تعيين السائق للمركبة علاقة حقيقية ومتغيّرة، لا إعداد ثابت لمرة واحدة. تدير اللوحة دورة الحياة هذه (عرض، قبول، إنهاء، إلغاء) بشكل صريح بدلًا من معاملتها كحقل ثابت.
  • جدولة الرحلات المتكررة مرهقة عند إجرائها يدويًا. تدعم اللوحة الرحلات المتكررة بدلًا من إجبار المالك على إعادة إنشاء نفس الجدول كل يوم.
  • التوسّع إلى مسار جديد لا ينبغي أن يتطلب طلبًا للفريق التقني. مسار طلب مسارات ذاتي الخدمة يتيح للمالك اقتراح مسار عبر الواجهة لمراجعته من قبل المنصة.
  • يحتاج الملّاك رؤية لما يحدث الآن، لا بعد وقوعه فقط. التتبع المباشر للرحلات على الخريطة يغني عن الاستعلام عن جدول رحلات مكتملة بعد فوات الأوان.

الوسوم

React Router v7TypeScriptRedux ToolkitRTK QueryTailwind CSS v4Radix UIReact LeafletChart.jsFirebase Cloud MessagingVite

نظرة عامة على المشروع

  • ضمن منصة Khuta، الملّاك هم الجهات أو الأفراد الذين يملكون المركبات التي تسيّر المسارات بين المدن، وهذه اللوحة هي وحدة تشغيلهم اليومية.
  • يبني الملّاك أسطولهم، ويحدّدون أي سائق يقود أي مركبة، ويضعون الرحلات على الجدول (بما في ذلك الرحلات المتكرّرة)، ويشاهدون تلك الرحلات مباشرة على الخريطة.
  • نموذج الصلاحيات هنا أحادي المستأجر لا قائم على الأدوار: يدير المالك أسطوله وسائقيه ورحلاته فقط، بينما ينتقل كل ما يخصّ الشبكة بأكملها إلى لوحة التحكم الإدارية للاعتماد.
  • تعيين السائق للمركبة يُنمذَج كعلاقة تشغيلية حقيقية لها دورة حياة (عرض، قبول، إنهاء، أو إلغاء) لا كحقل ثابت، بما يعكس تبدّل هذه العلاقات فعليًا مع الوقت.
  • مسار طلب المسارات يتيح للمالك اقتراح مسار جديد عبر الواجهة ليراجعه مسؤول العمليات في لوحة التحكم الإدارية، محوّلًا التوسّع إلى مسار ذاتي الخدمة بدل تذكرة دعم فني.

صفحات الموقع

  • أسطول المركبات: تسجيل مركبات جديدة، تعديل تفاصيلها وصورها، وعرض حالة المركبات على مستوى الأسطول.
  • السائقون: عرض السائقين، تعيين مركبة لسائق، وإنهاء أو إلغاء تعيين نشط.
  • جدولة الرحلات: جدولة رحلات فردية أو متكررة، تحديث تفاصيل الرحلة، إلغاء الرحلات، وعرض التفاصيل الكاملة لرحلة واحدة.
  • المسارات: عرض المسارات المخصَّصة حاليًا للأسطول، وتقديم طلبات مسارات جديدة لاعتماد المنصة.
  • الرحلات المباشرة: عرض مباشر قائم على الخريطة للرحلات الجارية عبر أسطول المالك.
  • المخالفات والاستئنافات: عرض المخالفات الصادرة بحق سائقي المالك، ومراجعة الاستئنافات والرد عليها.
  • الأرباح والتقارير: رسوم بيانية لاتجاه الإيرادات وتفصيلها، إضافة إلى مركز تقارير قابلة للتنزيل.

أبرز الميزات

  • إدارة أسطول المركبات: تسجيل المركبات، تعديل التفاصيل والصور، وتتبّع الحالة على مستوى الأسطول.
  • دورة حياة تعيين السائق للمركبة: عرض، قبول، إنهاء، أو إلغاء التعيين مع تغيّر العلاقة.
  • جدولة الرحلات الفردية والمتكررة، مع تفاصيل كاملة للرحلة ودعم الإلغاء.
  • مسار طلب مسارات ذاتي الخدمة يغذّي مباشرة قائمة اعتماد لوحة التحكم الإدارية.
  • تتبّع مباشر للرحلات قائم على الخريطة عبر أسطول المالك بالكامل.
  • رؤية المخالفات والاستئنافات الخاصة بسائقي المالك، لا بعد وقوعها فقط.
  • لوحة أرباح برسوم بيانية لاتجاه الإيرادات، مع مركز تقارير قابلة للتنزيل.
  • واجهة ثنائية اللغة (عربي/إنجليزي) بالكامل على نفس نظام التصميم المنطقي الجاهز لـ RTL المستخدم في بقية المنصة.
  • مصادقة جلسة قائمة على الكوكيز مع تجديد تلقائي عند خطأ 401 وإعادة المحاولة، بمشاركة نفس الواجهة الخلفية للوحة التحكم الإدارية.
  • خط أنابيب CI/CD عبر Docker مع بناء ونشر تلقائيَّين وتتبّع أخطاء عبر Sentry وGlitchTip.

تواصل معي

هل لديك مشروع في ذهنك أو ترغب في مناقشة فرصة عمل؟ يسعدني التواصل معك!

معلومات التواصل

الحسابات