A zero-friction mobile web tool for calculating restaurant bills with Malaysian service charge and SST breakdown.
The starting point
A zero-friction mobile web tool for calculating restaurant bills with Malaysian service charge and SST breakdown. The challenge was to keep the experience clear while giving each capability enough room to feel useful and intentional.
The approach
The interface and system were shaped around clarity, speed, and maintainability. The result combines Vue 3, Tailwind CSS, Vite in a practical product that stays straightforward to use.
Keep the experience clearPrioritise the main task and remove unnecessary friction.
Build for everyday useUse resilient patterns that remain dependable over time.
Connect the right toolsChoose technology that supports the product instead of complicating it.
Everyday use
- Open the product and reach the primary task quickly.
- Move through the experience with clear structure and feedback.
- Return with confidence that work and preferences remain consistent.
Technology
Vue 3
Tailwind CSSVIViteLOLocal StorageAvailability
WebiOSAndroidWindowsmacOSLinux
A final thought
Split Bill reflects the kind of work I enjoy: useful products, considered interfaces, and systems that remain understandable as they grow.