Warehouse Management System
Sinergi WMS is a warehouse management system built with Vue 3 for Indonesian warehouse and kitchen operators. It manages the full inventory lifecycle — procurement planning, goods receiving, storage, picking, meal produc…
This project is a legit production system — the UI is internal/confidential so screenshots aren't available.
Enterprise
14 technologies
Sinergi WMS is a warehouse management system built with Vue 3 for Indonesian warehouse and kitchen operators. It manages the full inventory lifecycle — procurement planning, goods receiving, storage, picking, meal production, and delivery — replacing fragmented manual processes with a single integrated workflow.
Problem
No unified system to track inventory across multiple warehouses and kitchens, causing stock discrepancies and inefficient operations.
Manual procurement-to-delivery process created data silos, approval bottlenecks, and no end-to-end traceability.
Approach
Modular Vue 3 architecture with Vuex state management, ~80 lazy-loaded routes across 30+ feature modules following a consistent CRUD pattern.
Custom reusable data-table component with server-side pagination, sorting, filtering, and export — shared across every list page.
JWT auth with RBAC filtering at route, menu, and component level via dynamic permission-based menu generation.
Domain-driven service layer separating API calls, Yup validation schemas, and form components per business domain.
Impact
30+ feature modules built with minimal duplication through a consistent CRUD pattern and reusable components.
End-to-end inventory traceability from procurement to delivery with role-based access control.
Stack
- Vue 3
- Vue Router 4
- Vuex 4
- Bootstrap 5
- BootstrapVueNext
- Axios
- Vee-Validate
- Yup
- ApexCharts
- FullCalendar
- @zxing/barcode
- Firebase
- SCSS
- Vue CLI / Webpack 5.