تصفح المشاريع
تصفح المنفذين
تصفح الأعمال
تصفح الخدمات
مجتمع نفذلي
تغيير الوضع
الدليل الإرشادي
الدعم الفني
عرض المزيد
إضافة مشروع
طلب عمل مماثل
تواصل

Dispatcher Management System - Full CRM

الرئيسية / الأعمال / Dispatcher Management System - Full CRM
طلب عمل مماثل
تفاصيل العمل

🚀 آخر مشروع نفذته مع شركة Styles Dispatch EG كان مشروع مميز جدًا من حيث الفكرة والتنفيذ، واشتغلت عليه بشكل أساسي كـ Front-End Engineer باستخدام Next.js + TypeScript، وده ملخص تفصيلي للي اتعمل 👇 💼 فكرة المشروع: Styles Dispatch EG System هو تطبيق ويب متكامل لإدارة عمليات اللوجستيك والشحن داخل الشركة. النظام بيتيح للإدارة متابعة كل التفاصيل الخاصة بالسواقين، الشاحنات، الرحلات (Loads)، المسارات، التسعير، والملاحظات — وكل ده في واجهة حديثة ومنظمة، مع خرائط تفاعلية في الوقت الحقيقي. ⚙️ الأدوات والتقنيات: Next.js (App Router) + TypeScript Redux Toolkit + Redux Persist لإدارة الحالة وتخزين البيانات محليًا Tailwind CSS لتصميم واجهة سريعة ونظيفة Leaflet + React-Leaflet لتكامل الخرائط Nominatim API لتحديد المواقع الجغرافية React Hot Toast للإشعارات ESLint + Prettier لضمان جودة الكود 🧩 المهام اللي نفذتها بنفسي: بناء واجهة المستخدم كاملة للنظام باستخدام Next.js App Router إنشاء نظام تسجيل دخول آمن باستخدام JWT مع حماية الصفحات عبر Middleware تطوير واجهات إدارة: Drivers (السائقين): عرض، إضافة، تعديل، حذف Trucks (الشاحنات): ربطها بالسواقين والرحلات Loads (الشحنات): إنشاء وتعديل الشحنات مع حساب تلقائي للمسافة والسعر لكل ميل دمج الخرائط وتحديد الإحداثيات (Pickup & Destination) باستخدام Leaflet + Nominatim API إنشاء نظام ملاحظات خاص بكل شحنة (Notes System) تحسين تجربة المستخدم بواجهات تفاعلية، جداول ديناميكية، ونظام إشعارات متكامل ضبط Redux Store وربطه بـ redux-persist لضمان استمرارية البيانات تنظيم المشروع بالكامل بهيكل احترافي (Modules, Types, Hooks, Utils, Redux Slices...) اختبار الأداء وجودة الكود مع ESLint و TypeScript Strict Mode 🌐 النسخة التجريبية: 🔗 styles-dispatch-sys.vercel.app 🏁 النتيجة: النظام أصبح جاهز للاستخدام الداخلي في الشركة لإدارة عمليات النقل والشحن بكفاءة أعلى، وبيقدم تجربة مرنة وسريعة سواء من ناحية الـ Admin أو المستخدم العادي. المشروع كان تجربة قوية جدًا في بناء نظام لوجستي متكامل باستخدام أحدث تقنيات الـ Front-End، واعتبره من أهم خطواتي كميد ليفل مهندس واجهات أمامية.

رابط العمل
طلب عمل مماثل
مهارات العمل
تصميم المواقع الإلكترونية
شارك
بطاقة العمل
تاريخ النشر
منذ أسبوعين
المشاهدات
28
القسم
برمجة، تطوير المواقع والتطبيقات
المستقل
Youssef Turkey
Youssef Turkey
Frontend Developer
طلب عمل مماثل
مهارات العمل
تصميم المواقع الإلكترونية
شارك
خدمات مقترحة
تعلم
تابعنا
روابط
وسائل الدفع
وسائل الدفع
وسائل السحب
وسائل السحب
مركز المساعدة