3D Logistics Simulation
Web tool that simulates 3D trailer loading with bin packing algorithms and regulatory compliance checks.
Role: Full Stack Developer
- View
- 3D
- Export
- PDF/Excel
- Backend
- FastAPI
Project Overview
A web application that simulates three-dimensional cargo placement in truck trailers. React Three Fiber powers the interactive 3D view; FastAPI with py3dbp runs the computation service.
What It Does
Users enter package dimensions, weights, and quantities to see the optimal loading plan. Results include axle load distribution, fill rate, and regulatory compliance status.
Technical Approach
Modern SPA frontend with React 19 + Vite; real-time 3D rendering with Three.js. Python FastAPI service executes bin packing algorithms and returns results via JSON API. Nginx reverse proxy unifies everything under one domain.
Architecture Decisions
- Decoupled frontend/backend: Algorithm updates independent of UI
- API-first design: Ready for mobile or ERP integrations
- Performance-focused 3D: Only necessary meshes and materials loaded
Benefits
- Speeds up manual loading planning and reduces error risk
- Provides visual decision support for operations teams
- Separates computation engine from UI for easier maintenance
- Web-based access with no installation required
Key Features
3D bin packing
Calculates and visualizes optimal package placement inside the trailer.
Weight distribution
Monitors axle loads and transport balance.
Regulatory compliance
Validates loading plans against transport regulations.
Reporting
Export loading plans as PDF and Excel files.
Technologies
framework
language
library
tooling