Skip to main content

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
Back to top