Finance Tracker – Personal Budget & Expense Management Dashboard

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.