Expense Wisely β Where Your Money Stops Playing Hide and Seek!
Expense Tracker is a mobile-first financial management application designed to help users easily track their daily and monthly expenses. The application emphasizes a user-friendly UI/UX tailored specifically for smartphones, allowing seamless personal finance management on the go.
This application leverages Angular as the frontend framework and Tailwind CSS for responsive and modern UI styling. All user data is stored in LocalStorage, making the app lightweight and independent of backend dependencies.
Technology | Purpose |
---|---|
Angular | Frontend application logic |
Tailwind CSS | Styling and responsive UI |
LocalStorage | Persistent data storage |
Upon launch, users are greeted with two interactive graphs:
Allows users to add new expense entries through a form. Input fields include:
All expenses are stored in the device's LocalStorage and reflected immediately in graphs and listings.
Displays all user expenses in a scrollable, and sortable list.
Users can:
Users can define a budget range by selecting a start and end date.
Once a budget is set:
A progress bar visually represents how much of the budget has been spent.
Informative summary boxes display:
Users have the ability to edit or delete the budget for better flexibility and control.
Provides customization and utility options for better personalization:
All user data is stored using the browserβs LocalStorage API, ensuring:
Launch App β View Expense Graphs (Toggle between Month/Day).
Add Expenses via the + tab.
Navigate to:
For developers and contributors, detailed code-level documentation is available here:
π Documentation