Skip to content

shivpr23/Expense_Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💼 Expense Tracker Web App

Welcome to my Expense Tracker Website! This project helps users track their daily expenses efficiently. This Expense Tracker Web App is a simple tool built with HTML, CSS, and JavaScript to help users manage their finances effectively. Keep track of your income and expenses, add new transactions, and visualize your financial health.


📑 Table of Contents


🌟 Features

  • Add Expenses: Easily add and categorize your expenses.
  • Expense Overview: View a summary of your spending.
  • Interactive Interface: Dynamic updates without page refresh.
  • Responsive Design: Optimized for all devices (desktop, tablet, mobile).
  • Persistent Data: Data saved locally in the browser.

Usage

  1. Open the web app in your browser.
  2. Enter the transaction details, including the transaction text and amount.
  3. Press the "Add Transaction" button to update the list and balances.
  4. View your current balance, income, and expenses.
  5. Delete transactions by clicking the "x" button next to each entry.

🛠️ Technologies Used

  • HTML5: For structuring the web pages.
  • CSS3: For styling and enhancing UI/UX.
  • JavaScript: For dynamic and interactive functionalities.

Code Overview

  • The JavaScript code handles transaction addition, deletion, and updates to the local storage.
  • Transactions are stored locally to maintain data persistence between sessions.

💻 Getting Started

To run the website locally, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/shivpr23/Expense_Tracker.git
  2. Navigate to the Project Folder:

    cd Expense_Tracker
  3. Open in Your Browser: Simply open index.html in your preferred browser.


🌐 Live Demo

Experience the live version of the Expense Tracker here: 👉 Live Demo


🤝 Contributing

Contributions are welcome! If you'd like to suggest improvements or report issues, feel free to open an issue or a pull request.

  1. Fork the repository.
  2. Create a new branch.
  3. Commit your changes.
  4. Open a pull request.

📄 License

This project is licensed under the MIT License.


📬 Contact

For any inquiries, feel free to reach out:

Thank you for checking out my Expense Tracker! 💼📊


Made with ❤️ using HTML, CSS, and JavaScript

About

ExpenseTracker is a simple yet powerful application to manage your finances, allowing users to track expenses, categorize them, and gain insights into their spending habits for better financial control.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors