Commerce operations
Datascrip Mall Seller Portal
A seller workspace for catalog, orders, inventory, promotions, and finance, with omnichannel workflows across five marketplaces.
- marketplace channel workflows
- 5
- operational route areas
- 16
- page templates in the codebase
- 103
Shopee, Lazada, Blibli, Akulaku, and TikTok Shop/Tokopedia.
Route coverage across seller operations.
Includes authentication, public pages, and webviews.
The work
What I built
As the frontend PIC, I worked on the Nuxt and Vue seller portal, connecting operational screens with backend services. The work covers marketplace channel management as well as the validation and confirmation steps that make daily operations clear.
- 01
Implemented store binding, product and SKU mapping, listing synchronization, and channel-aware pricing, inventory, and order workflows.
- 02
Added export confirmations to three views: income history, balance history, and promotion-program logs.
- 03
Implemented withdrawal checks for bank details and legal documents, with specific validation feedback for legal-document uploads.
About these numbers
Page and route counts describe codebase scope, including public and authentication pages. Marketplace coverage describes implemented channel interfaces and logic; these counts do not measure production usage.
Inside the workflow
One seller workspace, several marketplace rules.
As frontend PIC at Suitmedia, I worked on the screens sellers use to manage catalog, orders, inventory, promotions, and finance. The application spans 16 operational route areas. My focus included omnichannel interactions and the confirmation and validation steps around financial actions.
- 01
Bind and map
Store binding and channel settings connect master products and variants with marketplace SKU listings.
- 02
Manage daily operations
Frontend flows cover listing synchronization, channel-aware pricing, stock transfers, and order handling.
- 03
Make actions explicit
Three report views ask for export confirmation. Withdrawal flows check bank details and legal documents, with specific upload validation feedback.
A channel list is only the beginning
Channel management connects store binding, master product variants, marketplace SKU listings, and synchronization history. Finance needs a different kind of detail: explicit export confirmation, checks for bank and legal information, and specific feedback when an upload is invalid. My frontend work covered both the operational screens and those action states.
Built with
- Nuxt
- Vue
- TypeScript
- REST APIs
- Git