DEV Community

Cover image for 🚀 I Built a Expense Splitting App Using HTML, CSS & JavaScript
Adarsh Patil
Adarsh Patil

Posted on

🚀 I Built a Expense Splitting App Using HTML, CSS & JavaScript

🚀 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 (1)

Collapse
 
frank_signorini profile image
Frank

Nice work! How did you handle potential rounding issues when splitting odd amounts, especially with multiple people? I