Introduction

Project Overview 
 OnDelivery Dashboard is a comprehensive web-based logistics and delivery management system built with Angular. The application provides a complete suite of tools for managing deliveries, tracking packages, monitoring couriers, handling returns, and generating reports. 
 Key Features 
 
 📦 Package tracking and scanning (incoming/outgoing) 
 🚚 Trucking and courier management 
 📊 Comprehensive reporting and analytics 
 💰 Finance and tariff management 
 🏢 Marketplace integration 
 📱 Real-time notifications 
 🗺️ Map-based tracking with Leaflet 
 🔐 JWT-based authentication with role management 
 
 
 Technology Stack 
 Core Framework 
 
 
 Angular 14.3.0 - Main frontend framework 
 
 TypeScript 4.8.4 - Programming language 
 
 RxJS 7.8.1 - Reactive programming library 
 
 UI & Styling 
 
 
 Bootstrap 5.3.2 - CSS framework for responsive design 
 
 Angular Material 14.2.7 - Material Design components 
 
 Angular Flex Layout 14.0.0 - Responsive layout system 
 
 ng-bootstrap 13.1.1 - Bootstrap components for Angular 
 
 Perfect Scrollbar - Custom scrollbar styling 
 
 Additional Libraries 
 
 
 Leaflet 1.9.4 - Interactive maps for tracking 
 
 AngularX QRCode 14.0.0 - QR code generation 
 
 PDFMake 0.2.9 - PDF generation 
 
 ExcelJS 4.4.0 - Excel file manipulation 
 
 DayJS 1.11.10 - Date/time manipulation 
 
 ng2-dragula 3.2.0 - Drag and drop functionality 
 
 ngx-image-viewer 1.0.13 - Image viewing component 
 
 Development Tools 
 
 
 Angular CLI 14.2.13 - Build and development tooling 
 
 Karma & Jasmine - Testing framework 
 
 TSLint - TypeScript linting 
 
 Protractor - End-to-end testing