Angular Dashboard for Freight Rate Benchmarking – TransportForm
Developed a complete Angular freight intelligence platform for a German B2B client. The application tracks SCFI shipping rates across 15 global routes and lets logistics managers compare their own contracted rates against official market benchmarks.
Deliverables:✓ Live SCFI index dashboard (15 global routes) ✓ Dynamic multi-step freight rate input form (Reactive Forms) ✓ Chart.js comparison charts (user rates vs. SCFI benchmark) ✓ 24-month historical trend analysis ✓ German locale support (EUR, DE date formats) ✓ Mobile-responsive design ✓ PDF/CSV export functionality ✓ 80%+ test coverage
Technical Highlights:
- Virtual chart rendering (performance with 15 simultaneous charts)
- Dynamic Reactive Forms adapting to 15 route configurations
- OnPush change detection throughout
- Weekly SCFI data sync (RxJS polling + cache management)
Stack: Angular, TypeScript, RxJS, Chart.js, D3.js, Bootstrap, Docker
Live: transportform.de