Skip to content

A simple web-based Expense Tracker built with HTML, CSS, and JavaScript. Track daily expenses, view summaries, and store data locally using browser storage.

Notifications You must be signed in to change notification settings

codesbysuraj/expense-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“Š Personal Expense Tracker

A simple web-based Expense Tracker built with HTML, CSS, and JavaScript.
This app helps you record your daily expenses, categorize them, and view a summary of your spending.
Data is stored locally in your browser using localStorage, so it stays saved even after refreshing the page.

๐Ÿ‘‰ Live Demo: Click here to try it


โœจ Features

  • โž• Add new expenses with name, amount, date, and category.
  • ๐Ÿ“‘ View expenses in a clean, tabular format.
  • ๐Ÿ“Š Automatic summary of total and category-wise spending.
  • ๐Ÿ’พ Data persistence using browser localStorage.
  • ๐ŸŽจ Minimal and easy-to-use interface.

๐Ÿ› ๏ธ Technologies Used

  • HTML5 โ€“ Structure
  • CSS3 โ€“ Styling
  • JavaScript (Vanilla JS) โ€“ Logic and localStorage

๐Ÿ”ฎ Future Improvements

  • โœ๏ธ Option to edit or delete existing expenses.
  • ๐Ÿ“ˆ Add charts and graphs for better visualization of spending.
  • ๐Ÿ“ฑ Improve mobile responsiveness for a smoother experience.

๐Ÿš€ Getting Started

  1. Clone this repository:
    git clone https://github.com/codesbysuraj/expense-tracker.git
    

๐Ÿ‘จโ€๐Ÿ’ป Author

Suraj Yadav

About

A simple web-based Expense Tracker built with HTML, CSS, and JavaScript. Track daily expenses, view summaries, and store data locally using browser storage.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published