Description
Finance Tracker – Personal Budget & Expense Management Dashboard
Finance Tracker – Personal Budget & Expense Management Dashboard is a browser‑based personal budgeting dashboard that empowers you to manage income, expenses, and savings all in one place. Built with pure HTML5, CSS3, and vanilla JavaScript—no backend required—this tool offers a clean, responsive interface and instant data persistence via local storage.
Key Features
- Budget Management: Define monthly limits for each spending category.
- Transaction Logging: Add & edit income or expense entries in real-time.
- Interactive Charts: View income vs. expenses and category spend breakdown with dynamic graphs.
- LocalStorage: All data auto‑saves in the browser—no signup or server needed.
- Responsive Design: Optimized for desktop, tablet, and mobile screens.
How to Install
- Download or clone the project folder to your computer.
- Ensure index.html, css/styles.css, js/app.js and js/data.js are together.
- Open index.html in any modern browser to launch Finance Tracker.
How to Use
- In the Budget tab, set your monthly limits per category.
- Go to Transactions: click “Add” to record income or expenses.
- View real‑time updates in charts under the Overview section.
- Add or Edit entries anytime—your dashboard and charts refresh instantly.
️
