Expense Tracker

A simple and interactive Expense Tracker application built using HTML, CSS, and JavaScript. This app helps you track your income and expenses, calculate your balance, and maintain a history of all transactions.

Features

• Display the total balance, income, and expenses.
• Add new transactions with positive (income) or negative (expense) values.
• Dynamically update the transaction history and balance.
• Persist transaction data using Local Storage.
• Delete transactions from the history.

---

Technologies Used

• HTML: For creating the structure of the application.
• CSS: For styling the UI.
• JavaScript: For adding dynamic functionality and interactivity.
• Local Storage: To store and retrieve transaction data.

---

Project Structure

HTML

Defines the structure of the Expense Tracker:

• Balance Section: Displays the current balance.
• Income and Expense Section: Shows totals for income and expenses.
• History Section: Lists past transactions.
• Form Section: Allows adding new transactions.

CSS

Styles the application with:

• A clean and responsive design.
• Visual distinction for income and expenses using colors:
  • Green for income.
  • Red for expenses.

JavaScript

Implements the application's logic:

• Adds transactions to the DOM dynamically.
• Calculates and updates the balance, income, and expenses.
• Stores and retrieves transaction data from Local Storage.
• Generates random IDs for transactions and allows deleting them.

---