Skip to content

About

A modern Personal Expense Tracker built with HTML, Tailwind CSS, and Vanilla JavaScript. Track income and expenses, monitor your balance, visualize spending with interactive charts, filter transactions, and securely store data locally using LocalStorage. Supports Indian Rupee (INR) formatting, JSON import/export, responsive design.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

Personal Finance Tracker

A simple and responsive Personal Finance Tracker built using HTML, Tailwind CSS, and Vanilla JavaScript. This application helps users manage their daily income and expenses, track their balance, and visualize spending with an interactive dashboard.

Features

  • Add income and expense transactions
  • View current balance, total income, and total expenses
  • Categorize transactions
  • Search and filter transactions
  • Interactive expense breakdown chart
  • Delete individual transactions
  • Export data as JSON
  • Import data from JSON
  • Local storage support (data persists in the browser)
  • Responsive design for desktop and mobile
  • Indian Rupee (₹) currency support

Technologies Used

  • HTML5
  • Tailwind CSS
  • Vanilla JavaScript
  • LocalStorage API

Project Structure

PersonalFinanceTracker/
│── index.html
│── README.md

How to Run

  1. Clone the repository:
git clone https://github.com/manoj-codes27/PersonalFinanceTracker.git
  1. Open the project folder.

  2. Open index.html in your browser.

No additional installation or setup is required.

Screenshots

You can add screenshots of the application here.

Future Improvements

  • Edit existing transactions
  • Monthly and yearly reports
  • Dark mode
  • PDF export
  • User authentication
  • Cloud database integration

Author

Manoj Akula

GitHub: https://github.com/manoj-codes27

License

This project is open source and available under the MIT License.

About

A modern Personal Expense Tracker built with HTML, Tailwind CSS, and Vanilla JavaScript. Track income and expenses, monitor your balance, visualize spending with interactive charts, filter transactions, and securely store data locally using LocalStorage. Supports Indian Rupee (INR) formatting, JSON import/export, responsive design.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages