Car rental

نظام إدارة تأجير السيارات المتكامل (Car Rental Full-Stack System)

يعد هذا المشروع تطبيقاً متكاملاً (Full-Stack) صُمم خصيصاً لسد الفجوة في مكاتب تأجير السيارات التي تعتمد على الأنظمة الورقية، حيث يوفر نظاماً مركزياً يربط بين المستخدم والإدارة بكفاءة عالية.

المشكلة:

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

الحل المقترح:

تطوير منصة ويب متكاملة تتكون من واجهتين:

-واجهة المستخدم (User Interface): لتصفح السيارات، عرض التفاصيل، وإتمام عمليات الحجز.

-لوحة تحكم المدير (Admin Dashboard): لإدارة العمليات بالكامل ومتابعة الإحصائيات.

المميزات التقنية للنظام:

أولاً: واجهة المستخدم (User Experience):

-تصفح ذكي: استعراض أسطول السيارات مع إمكانية الفلترة حسب النوع أو السعر.

-نظام حجز مرن: اختيار تواريخ الحجز، تحديد خيار (سائق أو بدون)، وحساب التكلفة تلقائياً.

-عربة التسوق (Cart): إدارة الحجوزات قبل التأكيد النهائي.

-الملف الشخصي: إدارة البيانات الشخصية وتتبع سجل الحجوزات السابقة.

ثانياً: لوحة تحكم الإدارة (Admin Panel):

-إدارة الأسطول (Fleet Management): إضافة، تعديل، أو حذف السيارات ومتابعة حالتها (متاحة/محجوزة).

-إدارة الحجوزات (Booking CRUD): تحكم كامل في طلبات الحجز وتحديث حالتها.

-تتبع العملاء والسائقين: قاعدة بيانات كاملة للعملاء والسائقين المتاحين للعمل.

-التقارير المالية: متابعة المدفوعات والمصروفات والأرباح بشكل تفصيلي.

بيئة العمل والتقنيات المستخدمة (Tech Stack):

-Frontend: React 18, Tailwind CSS, Material Tailwind.

-Backend: Node.js, Express.js.

-Database: MongoDB (للتخزين السحابي) و LocalStorage (لتحسين الأداء وحفظ البيانات المؤقتة).

-State Management: React Context API لضمان تدفق البيانات بسلاسة بين أجزاء النظام.

-Tools: Vite, React Router, Heroicons.

طريقة العمل:

تم بناء النظام بمعمارية واضحة تفصل بين منطق العمل (Logic) والتصميم (UI)، مع ضمان تجاوب النظام بالكامل (Responsive Design) ليعمل بكفاءة على كافة الشاشات والمتصفحات.