Expense Tracker

An Expense Tracker app built with React and Tailwind CSS. This application allows users to manage their income and expenses, view their balance, and track transactions over time.

Features

• Track Income and Expenses: Add transactions with positive or negative amounts to categorize them as income or expenses.
• View Balance: Automatically calculate and display the current balance based on added transactions.
• Transaction History: View a list of all transactions with the ability to delete individual entries.
• Real-Time Calculations: Instantly see the impact of added or deleted transactions on your balance, income, and expenses.

Demo

Getting Started

Prerequisites

• Node.js and npm installed on your local machine.

Installation

1. Clone the repository:

   git clone https://github.com/MohamedHamed12/Expense_Tracker.git

Usage

• Add a Transaction:
  1. Enter a description in the "Text" field (e.g., "Salary", "Groceries").
  2. Enter the amount in the "Amount" field.
     • Positive values represent income.
     • Negative values represent expenses.
  3. Click "Add Transaction" to save the entry.
• View Transactions:
  • The history section lists all your transactions. Each entry shows the description, amount, and a delete button.
• Delete a Transaction:
  • Click the "x" button next to a transaction to remove it from the list.

Built With

• React - JavaScript library for building user interfaces.
• Tailwind CSS - Utility-first CSS framework.