Expense-Tracker
Expense Tracker Web App is a sleek personal finance tool built with HTML, CSS, and JavaScript. It features rupee formatting, dark mode, and easy transaction management with local storage—offering privacy and a modern UI for efficient budgeting and skill showcase.
Expense Tracker Web App
This Expense Tracker Web App is a simple yet professional tool built with HTML, CSS, and JavaScript to help users efficiently manage their personal finances. It allows tracking of income, expenses, and provides budget visualization through a modern, glassy UI.
Features
- Transaction Management: Add income and expenses with full details.
- Glassy, Themed UI: Customizable colors, support for dark mode, gradient buttons, and a glass-effect interface.
- Rupee Formatting: All monetary values are displayed in INR (₹).
- Budget Overview: Visual summary of total budget, expenses, and remaining balance.
- Delete Functionality: Remove unwanted transactions instantly.
- Local Storage: Data persists in the browser—no signup or login needed.
Screenshots
(Insert screenshots of your app’s UI after uploading images to your repo or GitHub Issues if needed.)
How To Use
- Open
index.html in your browser.
- Enter transaction details and amounts (in rupees).
- Click Add Transaction to update your balance and view entries.
- Remove items any time using the delete button beside each transaction.
Project Structure
index.html: Main interface and content
style.css: Complete design and glassy theme
script.js: All expense tracker logic (add, delete, rupee formatting, local storage)
Technologies Used
- HTML5 (structure)
- CSS3 (glassmorphism, gradients, dark theme)
- JavaScript (functionality, UI updates, storage)
Customization
- Easily change color palette by modifying CSS root variables.
- Expand functionality: add login, export to CSV, or connect to an API if needed.
Deployment
- Host your project on GitHub Pages for free.
- Go to repository Settings > Pages, and select the main branch as the publishing source.
License
This project is open-source and free to use for learning and portfolio purposes.