andreysaf / JS-Budgetify

Responsive budget app to help you with finances.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JS-Budgetify

Responsive budget app to help you with finances. You can add your income, expenses to receive budget and percentage of income made vs. spent.

Written with HTML, CSS, JS.

Installing

Download or clone repository and run:

index.html

app.js structure

The app.js is split into 3 components: controller, UIController and budgetController. The app is initialized by calling controller.init();

controller - Responsible for app initiliazation, setting up event listeners, 
and calling appropriate methods of UI and budget components when adding or removing expenses.

UIController - Performs DOM manipulation, updating the user interface.

budgetController - Creates the data structure of the app and handles calculation of income, 
expenses and budget.

Future plans

Import from Scotiabank and BMO financial statements. Support estimation for RRSP, TFSA.

About

Responsive budget app to help you with finances.

License:MIT License


Languages

Language:JavaScript 57.9%Language:CSS 28.1%Language:HTML 14.0%