A fast frontend-only money tracker built with React + styled-components.
Add income/expenses, see KPIs & charts, filter/sort the ledger, export CSV — all saved in localStorage.
- Overview: Total Balance, This Month Spend/Income, Net Cash Flow, Remaining Budget/Overspent.
- Charts: Daily Income vs Expense (area), Top Categories (bar) with month navigation.
- Transactions: add income/expense, search, quick filters (type/account/envelope), column sorting, totals row.
- Undo toasts: delete + clear month both support Undo (react-toastify).
- CSV export for the selected month.
- Routing (React Router), lazy pages, sticky table headers, responsive layout.
# 1) Clone
git clone https://github.com/a2rp/personal-finance-dashboard.git
cd personal-finance-dashboard
# 2) Install deps
npm i
# 3) Start dev server
npm run dev- Portfolio: https://www.ashishranjan.net
- GitHub: https://github.com/a2rp
- CodePen: https://codepen.io/ash1198
- LinkedIn: https://www.linkedin.com/in/aashishranjan
- Facebook: https://www.facebook.com/theash.ashish/
- YouTube: https://www.youtube.com/@ashishranjan-ashz?sub_confirmation=1
- Email: ash.ranjan09@gmail.com
- Support: https://a2rp-donation-page.netlify.app/
- Buy Me A Coffee: https://buymeacoffee.com/a2rp
- Patreon: https://patreon.com/a2rp
- Live: https://a2rp.github.io/personal-finance-dashboard/
- Repository: https://github.com/a2rp/personal-finance-dashboard
- Portfolio: https://www.ashishranjan.net/
- GitHub: https://github.com/a2rp
- CodePen: https://codepen.io/ash1198
- LinkedIn: https://www.linkedin.com/in/aashishranjan
- Facebook: https://www.facebook.com/theash.ashish/
- YouTube: https://www.youtube.com/@ashishranjan-ashz?sub_confirmation=1
- Email: ash.ranjan09@gmail.com
- Support: https://a2rp-donation-page.netlify.app/
- Buy Me a Coffee: https://buymeacoffee.com/a2rp
- Patreon: https://www.patreon.com/a2rp