/expense-tracker

Budgeted Expense Tracker

Primary LanguageCSSMIT LicenseMIT

Budgeted Expense Tracker

This is a responsive weekly expense tracker built with HTML, CSS and JavaScript. It is mainly used to showcase my front-end skills in the use of HTML, CSS and JavaScript. No framework was used in building this expense tracker.

Thus far, it has helped me improve in object-oriented programming as well as DOM manipulation in JavaScript.

desktop-view-expense-tracker

tablet-view-expense-tracker

mobile-view-expense-tracker

When the input field pops up, type amount minimum of 1000 and click ok or enter key

input-amount-pop-up-expense-tracker

CLICK HERE TO VIEW

If you love the interface, give it a star.

Limitations of This Project

  1. When an expense is added, it can't be deleted.
  2. It has an input pop-up onload for amount instead on an embedded input in html.
  3. It does not save expenses for later view after quit.

It mainly showcases my ability to build a responsive mobile friendly view with no framework.

I am Working on a better expense tracker with options like, salary, investment and expenses (add and delete inclusive). I may use JavaScript Framework in the new Expense Tracker.

Open For Fork and Contributions

To make contributions to this current work, fork the repository and make your contributions. If contribution is nice, i will update and reference you.