Modern, reactive logistics management dashboard built with Angular 17.
- Signal-based State Management: Granular reactivity using Angular Signals.
- OnPush Change Detection: Optimized performance across all components.
- Real-time Updates: Integrated with WebSockets for live tracking.
- Enterprise Routing: Lazy-loaded feature modules for Admin, Courier, and Customer.
- Responsive Design: Professional UI built with SCSS and CSS Variables.
- Strict Typing: Full TypeScript type safety for all API interactions.
- Framework: Angular 17+
- State: Signals + RxJS
- Real-time: Socket.io Client
- Styling: SCSS + CSS Custom Properties
- Node.js (v18+)
- npm
- Clone the repository
- Install dependencies:
npm install
# development
npm startNavigate to http://localhost:4200/.
src/app/
├── core/ # Guards, interceptors, and singleton services
├── features/ # Lazy-loaded feature modules (Admin, Courier, Customer)
├── shared/ # Reusable components and pipes
└── state/ # Signal-based stores (Auth, Global, etc.)
The app use a custom design system defined via CSS variables in src/styles.scss. This allows for easy white-labeling and theme switching.