Expenses

Expenses is a personal website I wrote, with the aim of simplifying managing household costs fairly, with tools for tracking, calculating, and adding expenses.

an expenses app, shown on an iPhone 15 pro mockup. From left to right you can see an expenses summary screen, new expense addition, household income summary and a calculator.

Expenses is a personal project I created to simplify managing household costs fairly. With tools for tracking, calculating, and adding expenses, the website is designed to make splitting bills easier and more equitable. Unlike the usual 50/50 split, it considers individual income levels to ensure fairness, especially for significant costs like rent or utilities.

The project stemmed from a simple need: to manage shared expenses in a way that’s both practical and fair. In many cases, people in the same household earn different wages, so a flat split doesn’t always make sense. This website solves that problem by providing a clear and efficient way to calculate contributions based on income.

I built Expenses using Next.js, TypeScript, Prisma, and Framer Motion. It was my first time diving into Next.js, and while I look back and see how far I’ve come since then, this project was a great learning experience. It pushed me to apply what I was learning in a meaningful way, resulting in a tool that’s not only functional but also something I actively use.

Beyond its utility, Expenses served as a challenge to learn and grow as a developer. It marked an important step in my journey with modern web technologies, teaching me valuable lessons about building scalable apps and clean interfaces.