Logistics & Depot Management/Aug 2026/Completed
NexaPort
Role: Fullstack Developer & Lead Engineer
TimelineAug 2026
StatusCompleted
RoleFullstack Developer & Lead Engineer
Stack
LaravelReactTypeScriptTailwind CSSVitePostgreSQLLucide React
01 / The Problem
Operasional logistik peti kemas dan depo kontainer sering menghadapi inefisiensi akibat pelacakan manual, keterlambatan informasi status kontainer in/out, dan manajemen yard yang belum terotomatisasi.
02 / The Solution
Mengembangkan platform Intelligent Container Logistics & Depot Platform terpadu dengan Laravel REST API (PostgreSQL immutable ledger) dan React TypeScript frontend. Dilengkapi visualisasi yard 2D/3D interaktif, pelacak kontainer publik, gate automation, dan invoice billing.
03 / Key Features
2D/3D Interactive Container Depot Yard Map Visualizer
Real-time Shipment & Container Status Tracker (In-Gate / Out-Gate)
Automated Gate Operations Log & Equipment Scheduling
Immutable Container Movement Ledger dengan Riwayat Logistik Lengkap
Vessel Arrival/Departure Schedule Monitoring & Berthing Management
Billing, Invoicing, & Automatic EDI/Export Data Integration
04 / Architecture
React Frontend (Vite, TypeScript & Tailwind CSS)
↓
Logistics Operations Portal & Container Visualizer
↓
Laravel REST API Backend (Sanctum RBAC & Service Layer)
↓
PostgreSQL 16 Database with Immutable Movement Ledger05 / Challenges
Merancang visualisasi denah yard kontainer multi-tier yang responsif dan interaktif serta sinkronisasi pergerakan kontainer masuk/keluar depo secara real-time. Diselesaikan dengan visualizer interaktif berbasis slot kompartemen yard.
06 / Outcomes & Impact
- Visualisasi denah depo 2D/3D dengan kapasitas ratusan kontainer
- Pencatatan ledger mutasi kontainer dengan akurasi 100%
- Portal publik cepat untuk pelacakan kontainer dan gate pass
- Kecepatan respon API di bawah 120ms untuk ribuan pergerakan logistik