🚀 I Built a Bill Splitting App Using HTML, CSS & JavaScript
After spending time splitting travel and group expenses manually, I decided to build a simple solution.
So I created Pay Splitter.
✨ Features
- Create trips
- Add friends
- Record expenses
- Automatically calculate who owes whom
- Smart settlement to reduce unnecessary payments
🛠 Tech Stack
- HTML
- CSS
- Vanilla JavaScript
- Firebase Authentication
- Capacitor
- Android Studio
Challenges
Some interesting problems I solved while building it:
- Google Sign-In inside Android WebView
- Optimizing APK size
- Managing offline data
- Settlement calculation
What I Learned
Building a real project teaches much more than tutorials.
I learned about authentication, APK generation, deployment, debugging, and improving user experience.
I'd love to hear your feedback or suggestions for future features.
Happy coding! 🚀
Top comments (2)
Nice work! How did you handle potential rounding issues when splitting odd amounts, especially with multiple people? I
"Thanks, Frank! I handled rounding by keeping the exact floating-point decimals for all the math behind the scenes. Then, during the final settlement algorithm where it figures out who owes who, I set a threshold of 0.01 (one cent). Any leftover debts or credits smaller than a single penny are safely ignored, which perfectly prevents those infinite fraction loops!"