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