Overview

Finance Tracker 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 localStorage.

✨ 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.

️ Support

For questions or bug reports, open a ticket on the CodeCanyon support page.
We provide regular updates and welcome feature requests to keep your finances on track.

Finance Tracker – Personal Budget & Expense Management Dashboard