Skip to content

A modern, responsive expense tracking application built with HTML, CSS, and JavaScript that helps users manage their finances effectively.

License

Notifications You must be signed in to change notification settings

swastiswagat/Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Expense Tracker Web Application

image

A modern, responsive expense tracking application built with HTML, CSS, and JavaScript that helps users manage their finances effectively.

🚀 Live Demo

🔗 Click here to try the Expense Tracker live

Features

  • Transaction Management:

    • Add income and expense transactions
    • Delete transactions with confirmation
    • Filter transactions by type and category
    • Automatic calculation of balance and totals
  • User Experience:

    • Clean, intuitive interface
    • Dark/light theme toggle
    • Toast notifications for user feedback
    • Responsive design for all devices
  • Data Persistence:

    • All transactions saved in browser's localStorage
    • Theme preference remembered between sessions

Technologies Used

  • Frontend:

    • HTML5
    • CSS3 (Flexbox, Grid, Variables)
    • JavaScript (ES6)
  • Libraries:

    • Font Awesome (v6) for icons
    • Google Fonts (Poppins) for typography

Installation

No installation required! Simply open the index.html file in any modern web browser.

How to Use

  1. Adding Transactions:

    • Select transaction type (Income/Expense)
    • Enter a description
    • Input the amount
    • Select date and category
    • Click "Add Transaction"
  2. Viewing Transactions:

    • All transactions appear in the history section
    • Use the filters to view specific transactions
    • Balance and summary update automatically
  3. Deleting Transactions:

    • Click the trash can icon on any transaction
    • Confirm deletion in the dialog
  4. Changing Theme:

    • Toggle the theme switch in the header
    • Preference saves automatically

Browser Support

The application works on all modern browsers including:

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Future Improvements

Planned features for future versions:

  • Edit existing transactions
  • Data visualization with charts
  • Export/import transaction data
  • Multi-currency support
  • User accounts with cloud sync

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/your-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin feature/your-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the MIT License file for details.

Acknowledgments

  • Inspired by various financial management apps
  • Built as a learning project for modern web development
  • Special thanks to all open source contributors

Happy Budgeting! 💰

About

A modern, responsive expense tracking application built with HTML, CSS, and JavaScript that helps users manage their finances effectively.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published