Simple Budget - Local-Only Web App

Overview #

This is a simple budget web application for my personal use and for others to use as well. It simply helps to keep track of expenses in different budget categories.

Check it out here: https://simple-budget.singhramanpreet.com

This is fully static and local only web application built with Tanstack Router framework.

Features #

• Add transactions with name, amount, and notes into a category.
• Easy copy mode for old transactions.
• Create budget categories with monthly limits.
• Easy copy previous month categories into current month.
• View total expenses and remaining budget for each category.
• Responsive design for mobile and desktop use.
• Data persistence in the .csv file provided by the user.
• Charts to visualize spending.
• Light, dark and system theme support.

Tech Stack #

• Bun + Tanstack Router
• TypeScript
• Tailwind CSS + shadcn/ui
• File System API, browser comptability check here
• IndexedDB

Source Code #

The source code for this project is available on GitHub: https://github.com/singh-ramanpreet/simple-budget

Screenshots #