SmartLogi V2 – Logistics Management System
تفاصيل العمل
نوع العمل
قمت بتطوير نظام متكامل لإدارة الخدمات اللوجستية يهدف إلى تنظيم عمليات الشحن، التتبع، وتسيير عمليات التسليم. المشروع يتكون من Backend احترافي مبني بـ Spring Boot، إضافة إلى واجهتين Frontend: واحدة باستخدام Angular وأخرى باستخدام React مع TypeScript.
النظام موجه لشركات التوصيل واللوجستيك، ويتيح إدارة الشحنات، السائقين، والعملاء داخل منصة واحدة آمنة وقابلة للتوسعة.
---
SmartLogi V2 – Angular Frontend
هذا هو التطبيق الأصلي للواجهة الأمامية، ويوفر واجهة منظمة وسهلة الاستخدام لإدارة الشحنات والموزعين.
التقنيات المستعملة
* Angular 16+
* TailwindCSS v3
* RxJS
* Angular HttpClient
* Heroicons (SVG)
أهم المميزات
نظام تسجيل دخول آمن
* مصادقة حسب الدور (Manager – Livreur – Client).
لوحة تحكم المدير
* تصفية الشحنات (All / Ready / Assigned).
* نافذة تعيين الموزعين حسب المنطقة (Zone-based Assignment).
* تتبع كامل لتاريخ تغير حالة الشحنة.
لوحة تحكم الموزع (Livreur)
* عرض المهام المعينة.
* تحديث حالة الشحنة (Picked Up / Delivered).
مميزات العميل
* إنشاء شحنة عبر نموذج منظم (Wizard).
* صفحة رئيسية تعرض الخدمات.
---
SmartLogi V2 – React Frontend
نسخة حديثة وعالية الأداء مبنية باستخدام React وTypeScript، مع بنية أكثر قابلية للتوسع والاختبار.
التقنيات المستعملة
* React 18+
* TypeScript
* Vite
* TailwindCSS v4
* Redux Toolkit (إدارة حالة مركزية)
* React Router v6 (حماية المسارات حسب الدور)
* Vitest + React Testing Library
* Docker + Nginx
أهم المميزات
المصادقة والأمان
* JWT Authentication
* Role-Based Access Control (RBAC)
* حماية المسارات حسب الصلاحيات
لوحات تحكم متعددة
Client
* تتبع الشحنات
* طلب شحنة جديدة
Manager
* تحليلات شاملة
* إدارة السائقين
* تعيين المهام
Driver (Livreur)
* واجهة Mobile-first
* تحديث الحالات
* عرض سجل المهام
واجهة حديثة
* تصميم عصري (Glassmorphism)
* Responsive على جميع الأجهزة
* إشعارات وتغذية راجعة فورية
---
SmartLogi V2 – Backend
الـ Backend هو القلب الرئيسي للنظام، ويدعم كلا الواجهتين.
التقنيات المستعملة
* Spring Boot 3
* PostgreSQL
* Spring Security + JWT
* Maven
المميزات التقنية
* REST API منظمة وقابلة للتوسعة
* مصادقة وتأمين endpoints عبر JWT
* إدارة الأدوار والصلاحيات
* ربط قاعدة البيانات PostgreSQL
* إمكانية تشغيل المشروع عبر Docker Compose
---
طريقة تنفيذ المشروع
تم اعتماد معمارية واضحة تعتمد على فصل المسؤوليات:
* Backend مستقل (REST API)
* Frontend منفصل (Angular / React)
* نظام صلاحيات قائم على Roles
* إدارة الحالة مركزية في React عبر Redux Toolkit
* تصميم متجاوب باستخدام TailwindCSS
* دعم الحاويات باستخدام Docker لتسهيل النشر
---
القيمة التي يقدمها المشروع
* نظام لوجستي متكامل قابل للاستخدام الفعلي
* أمان عالي عبر JWT وRole Management
* واجهتان مختلفتان (Angular وReact) لإثبات المرونة التقنية
* قابلية نشر احترافية باستخدام Docker
* كود منظم وقابل للتطوير حسب احتياجات الشركة
إذا كنت تحتاج نظام إدارة شحنات أو منصة لوجستية مخصصة، يمكنني تطوير نسخة مشابهة أو مخصصة حسب متطلباتك التقنية والتجارية.