https://github.com/shivpr23/expense_tracker
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.
https://github.com/shivpr23/expense_tracker
css3 helpdesk html5 javascript tracking-transaction
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/shivpr23/expense_tracker
- Owner: shivpr23
- Created: 2024-12-30T08:02:06.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-12-30T08:52:51.000Z (4 months ago)
- Last Synced: 2025-01-13T18:44:39.282Z (3 months ago)
- Topics: css3, helpdesk, html5, javascript, tracking-transaction
- Language: JavaScript
- Homepage: https://shivpr23.github.io/Expense_Tracker/
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💼 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](#-features)
- [🛠️ Technologies Used](#-technologies-used)
- [💻 Getting Started](#-getting-started)
- [🌐 Live Demo](#-live-demo)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
---
## 🌟 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:**
```bash
git clone https://github.com/shivpr23/Expense_Tracker.git
```
2. **Navigate to the Project Folder:**
```bash
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](https://shivpr23.github.io/Expense_Tracker/)
---
## 🤝 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:
- **Email:** [email protected]
- **LinkedIn:** [Shiv Pratap](http://www.linkedin.com/in/shiv-pratap-8ba4a3272)
Thank you for checking out my Expense Tracker! 💼📊
---
**Made with ❤️ using HTML, CSS, and JavaScript**