A user-friendly Income-Expense Tracker app to manage finances effortlessly. Add, edit, delete, and view transactions while tracking your balance and staying on top of your budget with ease.
Feature | Description |
---|---|
Add Transaction 📝 | Add income or expense transactions with description and amount. |
Edit Transactions ✏️ | Update/edit your transaction details easily. |
Delete Transactions 🗑️ | Remove any transaction that you no longer need. |
Balance Calculation 💰 | View total income, total expense, and remaining balance. |
Check out the live version of the app here: Live Demo
- 🛠️ HTML: Application structure.
- 🎨 CSS: Responsive and stylish UI.
- ⚙️ JavaScript: Interactive functionality and dynamic updates.
- 📂 Local Storage: Persistent data storage.
- Select "Income" or "Expense" from the dropdown.
- Enter the description and amount.
- Click "Add" to save the transaction.
- Click the Edit button beside the transaction.
- Update the details in the modal.
- Click "Update" to save changes.
- Click the Delete button beside the transaction.
- Confirm the deletion in the popup.
- Monitor your Total Income, Expenses, and Net Balance at the top of the interface.
project-name/
├── index.html # Main HTML file for the project
├── style.css # Custom CSS file for styling the project
├── script.js # JavaScript file containing project logic
├── assets/ # Folder for images, GIFs, and other media assets
│ └── preview.gif # Preview GIF used in the README
└── README.md # Project documentation
👨💻 Made with 💖 by Iswarya Sundarrajan