full stack
optibox
a greedy routing and dispatch system for a multi-shuttle warehouse - it receives boxes, stores them intelligently, ships them through active pallet destinations, and plays the whole run back visually.
drop a optibox shot
what it does
- simulates 32 shuttles operating across a silo layout.
- routes inbound boxes to either immediate cross-dock delivery or storage + pickup on the same route.
- tracks pallet progression and completion over time.
- produces a timeline you can scrub, with randomized load, run, and event/metric inspection.
how we built it
- python + flask backend: the core simulation state machine, shuttle task logic, dispatch + pallet lifecycle rules, csv state generation, and timeline export.
- react + typescript + vite + tailwind frontend: playback controls, silo-grid visualization, an event log + pallet panel, and deterministic replay ux.
challenges
- balancing route efficiency, storage placement, and pallet activation/completion at once.
- keeping the simulation deterministic while still being interactive.
- translating backend state transitions into smooth visual playback.
- keeping frontend and backend payload contracts aligned as features evolved.
what we learned
how to manage complex warehouse constraints with clear state transitions, how much data contracts matter when playback depends on backend tick data, and how to collaborate quickly under hackathon time pressure.
next project
pediatric wheelchair gui