# 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