Frontend
Getting started
Introduction
Project Overview OnDelivery Dashboard is a comprehensive web-based logistics and delivery managem...
Starting the project
Prerequisites Node.js (v14+ recommended) npm (v6+ recommended) Angular CLI (npm install -g @angu...
Project Architecture
Directory Structure src/ ├── app/ │ ├── account-management/ # Account operations │ ├── ...
Development guidelines
Authentication and security
Authentication Flow Login (/login) User submits credentials API returns JWT token Token stored...
Application modules
The application consists of 27+ feature modules, each handling specific business functionality: C...
Services & API Integration
Main API Service (api.service.ts) The central service for API communication with the backend. Key...
Routing & Navigation
Route Configuration All routes are defined in app.routing.ts with lazy loading for performance. M...
UI Components & Styling
Layout System The application uses Angular Flex Layout for responsive design: Flexbox-based layo...
State Management
LocalStorage The application uses browser localStorage for state persistence: Stored Data: jwt ...
Build & Deployment
Build Configuration Angular build configuration in angular.json: Project Name: project (generic n...
Development guide
Code Style TypeScript Use TypeScript strict mode Define interfaces for all data structures Use t...
Troubleshooting
Common Issues 1. Cannot connect to API Symptom: API calls fail with connection errors Solution: ...
Additional Resources
Official Documentation Angular Documentation TypeScript Documentation RxJS Documentation ...