DEV Community

Izeno
Izeno

Posted on

I Built a Simple Budgeting App Called Budget Buddy

Hey everyone,

I recently put together a small personal finance app called Budget Buddy. It’s not the most polished thing out there, and I’m sure there are better tools available, but I wanted to try my hand at building something to help track expenses, budgets, and savings. I’m still learning to code, so this was a big project for me to figure out.

It’s pretty straightforward and has a few basic features:

  • A dashboard to see your spending overview
  • Transaction tracking with categories
  • Budget planning with progress bars
  • Savings goals to work toward
  • A bills tracker to keep up with due dates

Image description

I built it using Next.js, TypeScript, and SQLite, keeping all the data stored locally for privacy. If you’re curious, you can check out a preview with sample data here: budget-buddy-vox.vercel.app. It’s got some rough edges, but I’m happy I managed to get it working on my own.

I’m sharing it for $20 in case anyone finds it useful for their budgeting needs: get it here

I'm just going to put it out there. I’d really appreciate any feedback or tips since I’m still learning the ropes.

Top comments (5)

Collapse
 
art70x profile image
Art 70x

Here are UI/UX recommendations to work on:

  • Spacing (padding, margin, width and height)
  • Color Contrast
  • Border color should have 40% opacity of what it is now
  • Redesign toast/alert component
  • Place dark mode option in settings instead of a floating button
  • Consider making Made by VoxDroid a link to your portfolio or twitter account
Collapse
 
terabytetiger profile image
Tyler V. (he/him)

This looks better than most the budgeting apps out there - great job! 🔥

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

Just a note - the chart seems to be overlapping the categories on the dashboard:

In my default browsing window size (1406x739):
pie chart overlapping categories slightly

slightly smaller (just before the breakpoint):

Pie Chart overlapping categories heavily

Collapse
 
chillsunfire profile image
Sunfire

This is pretty good looking! I like that you included a dark mode option, and the settings section seems comprehensive.
Good luck with it on ko-fi.

Collapse
 
dotallio profile image
Dotallio

Love that you shipped this with Next.js and kept everything local for privacy, that's a solid move. What was the hardest part for you building your first full app?