https://github.com/kawodyaarachchige/finance_tracker

The Personal Finance Tracker
https://github.com/kawodyaarachchige/finance_tracker

css finance-management html javascript

Last synced: 22 days ago
JSON representation

The Personal Finance Tracker

• Host: GitHub
• URL: https://github.com/kawodyaarachchige/finance_tracker
• Owner: kawodyaarachchige
• Created: 2024-07-21T11:08:03.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T18:44:36.000Z (6 months ago)
• Last Synced: 2024-11-09T06:06:38.009Z (3 months ago)
• Topics: css, finance-management, html, javascript
• Language: JavaScript
• Homepage:
• Size: 26.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Finance_tracker 💸

The Personal Finance Tracker is a web application designed to help users manage their personal finances effectively. It allows users to track their income, expenses, and overall balance, providing a clear overview of their financial situation. The application includes features for adding transactions, filtering and searching through them, viewing a summary of finances, and visualizing income and expenses through charts.

## Features

- **Transaction Management :**  Add, view, and remove financial transactions.

- **Summary Overview :** Displays total balance, income, and expenses.

- **Filtering and Searching:** Filter transactions by category and search by description.

- **Income & Expense Chart:** Visualize income and expenses over time with a bar chart.

- **Export to CSV:** Export transaction data to a CSV file for further analysis.

- **Dark Mode:** Toggle between light and dark themes for better visibility and personal preference.

![App Screenshot](https://imgur.com/1HwSBUP.png)

 


## Technologies Used

- HTML5: For structuring the web content.

- CSS: For styling the application and providing responsive design.

- JavaScript: For implementing dynamic functionality and interactions.

- Chart.js: For rendering interactive charts.

- LocalStorage: For persisting transaction data between sessions.

### Acknowledgments

- Chart.js: For providing the charting functionality.

- Google Fonts: For the font styling.

For any questions or feedback, feel free to contact me at `[email protected]`.