https://github.com/aayush259/expense-app

The Expense App is a simple web application designed to help users track their expenses. Users can input the amount spent and a brief description of what the expense was for, and the app will update the total amount spent and display a list of expenses.
https://github.com/aayush259/expense-app

Last synced: 9 days ago
JSON representation

The Expense App is a simple web application designed to help users track their expenses. Users can input the amount spent and a brief description of what the expense was for, and the app will update the total amount spent and display a list of expenses.

• Host: GitHub
• URL: https://github.com/aayush259/expense-app
• Owner: Aayush259
• Created: 2024-02-12T14:50:35.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-13T17:54:27.000Z (7 months ago)
• Last Synced: 2024-04-14T04:37:59.569Z (7 months ago)
• Language: JavaScript
• Homepage: https://aayush259.github.io/Expense-App/
• Size: 769 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Expense-App

The Expense App is a simple web application designed to help users track their expenses. Users can input the amount spent and a brief description of what the expense was for, and the app will update the total amount spent and display a list of expenses. It uses local storage to save your expenses.

Features:

> Add Expense: Users can input the amount spent and a description of the expense, then click the "Add" button to add it to the list.

> Delete Expense: Users can delete an expense from the list by clicking the delete button next to the expense item.

> Total Calculation: The app dynamically calculates the total amount spent and updates it whenever an expense is added or deleted.

Technologies Used:

HTML

CSS

JavaScript

## How to Use

1. Enter the amount you spent in the 'Amount Spent' field.

2. Enter what you spent the amount on in the 'Spent On' field.

3. Click the 'Add' button to add the expense to the list and the total amount spent.

4. To delete an expense, click the 'Delete' button next to the expense in the list.

## Code Structure

- The HTML file structures the web page.

- The CSS file styles the web page.

- The JavaScript file adds functionality to the web page. It handles adding and deleting expenses, calculating the total amount spent, and storing the data in local storage.

Contributors:

Aayush (AK²)