Goiko — Invoicing
Invoice and billing management for franchisees
Gyoza projectDevelopment2024Vue 3PiniaViteNaive UI
The Challenge
Franchisees needed a dedicated screen to view and manage invoices and billing data, with a clear structure and the option to export or filter.
My Role
I built the frontend with Vue 3 and Pinia: invoice list, filters and integration with the billing API; UI with Naive UI so it felt consistent with other Goiko tools.
Key Features
Invoice list with search and filtersBilling and payment status viewsVue 3 Composition API and Pinia for stateNaive UI component set
The Outcome
Franchisees can access billing without going through the main ordering app
Aligned UX with other Goiko internal tools
How It Works
- 1Franchisee logs in and opens the invoicing app.
- 2Invoice list is displayed with search and filters to find specific periods or statuses.
- 3Billing and payment status views give a clear picture of what is paid or pending.
- 4Data comes from the billing API; export or further actions depend on backend capabilities.