Budget Buddy is a simple and user-friendly budget tracker that helps you manage your finances by tracking your income and expenses. It includes features such as adding transactions, filtering by date, and visualizing spending trends with monthly graphs.
- Add Income and Expenses: Easily add transactions with descriptions, amounts, and dates.
- Date Filtering: Filter transactions by specific dates to view your financial history.
- Spending Graphs: Visualize your monthly spending with a bar chart, helping you understand your financial trends.
- Local Storage: Your transaction data is saved in your browser's local storage, so your data persists even after refreshing the page.
- HTML: Structure of the application.
- CSS: Styling for a clean, modern look.
- JavaScript: Functionality and interactivity.
- Chart.js: Library for creating the spending charts.
-
Clone the repository:
git clone https://github.com/OGharsh/budget-tracker-basic.git
-
Navigate to the project directory:
cd budget-tracker-basic -
Open
index.htmlin your browser:open index.html
-
Adding Transactions:
- Enter a description in the "Text" field.
- Enter the amount in the "Amount" field (use the buttons to specify if it’s income or an expense).
- Enter the date of the transaction.
- Click "Add Income" or "Add Expense" to record the transaction.
-
Filtering Transactions:
- Use the date filter to view transactions for a specific date.
- Click "Filter" to apply the filter.
- Click "Clear Filter" to remove the date filter and view all transactions.
-
Viewing Spending Graphs:
- Scroll down to the "Spending Chart" section to view your income and expenses for each month of the year.
Contributions are welcome! Please open an issue or submit a pull request with any improvements or bug fixes.
This project is licensed under the MIT License.
- Chart.js for providing an easy-to-use charting library.
- All the tutorials and documentation that helped make this project possible.