๐Ÿš€ I Built a Expense Splitting App Using HTML, CSS & JavaScript

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท Adarsh Patil ยท 2026-07-21 ๊ฐœ๋ฐœ(SW)
Cover image for ๐Ÿš€ I Built a Expense Splitting App Using HTML, CSS & JavaScript

Adarsh Patil

๐Ÿš€ 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! ๐Ÿš€

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ถ”์ถœ ๋ณธ๋ฌธ ยท ์ถœ์ฒ˜: dev.to ยท https://dev.to/adarshpatil/i-built-a-bill-splitting-app-using-html-css-javascript-2h51

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค