This expense tracking project is a personal finance management app that can track spending and income for everyday life. This application is made with vanilla javascript, html and css and uses the model-view-controller architecture.
- Monthly Summary section shows total income, expenses and net amount summary for the selected month.
- When the user chooses a specific date from the Calendar section, they are provided a view of the monthly summary, daily detail and a view to input new transaction expense/income transactions. The daily total income and expense ammount are displayed under each date.
- Daily Detail section displays daily transaction details list for each selected date. The user can click each item to update details or delete the transaction item.
- The user can input the transaction type, amount, category and memo and save the transaction in the Transaction Input section. Input validation has been implemented to help the user to input details properly. The default selected date is today and the user can change the date on the calendar view.
- In the Setting section the user is able to add new income/expense category and change the category order by drag and drop.
https://expense-tracking-hyeyoung.netlify.app/
- JavaScript, CSS, HTML
- Local storage
- Model-View-Controller Architecture
- Clone the repository
git clone https://github.com/hykim-soulis/Expense-Tracking.git
-
Go to the project directory
-
Double-click the index.html file