Back to projects

Web App / Personal

Completed

Split Bill

Easily split your bill with this app. Please note that since this application is designed to be mobile-responsive, the experience on desktop or tablet devices may not be optimal compared to using it on a mobile phone.

Case Study

Project Overview

Year 2025

Project Overview

  • Easily split your bill with this app. Please note that since this application is designed to be mobile-responsive, the experience on desktop or tablet devices may not be optimal compared to using it on a mobile phone.

Easily split your bill with this app. Please note that since this application is designed to be mobile-responsive, the experience on desktop or tablet devices may not be optimal compared to using it on a mobile phone.

The delivery focus for Split Bill centered on stable architecture, predictable UI states, and scalable frontend patterns. The implementation emphasized reusable components, reliable data boundaries, and clear handoff between backend and presentation layers.

From discovery to release, this project used iterative shipping with measurable checkpoints for responsiveness, accessibility, and maintainability. The outcome is a production-ready foundation that supports ongoing features without forcing UI rewrites.

Split Bill cover image
Screenshot placeholder A
Screenshot placeholder B

Implementation Notes

  • Built with Vue.js as the primary technical layer.
  • Designed for mobile-first behavior first, then enhanced progressively for larger screens.
  • Structured for future module growth, with clean separation between content, business logic, and UI.

Stack

Vue.js

More Projects

Continue exploring case studies.