- General info
- Technologies
- Setup
- Development Strategy
- Screen Capture of Project
- Project Status
- Contact
- Live Project
This project is gathered from Budget-App tutorial from FCC, and upgraded step by step. If you want to see how it is growing see branches.
What you can do with this application:
- Save your budget and expenses. And then calculate what you have.
- You can delete and edit saved expenses.
Project is created with:
- JScript ES6
- HTML5 / CSS3
- Bootstrap
- Google API
- jquery
Clone this repository and start using it with your editor.
Building this site one step at a time
index.html
and folder structure with empty/prepared files.
- Create all DOM elements.
- Add external styles
bootstrap
andwebfonts
.
init.js
log.js
A user can add a budget for balance.
Interactions:
- Create a listener for
submit
action tobudget-form
.
Handlers:
- Create a
submitBudgetForm
method to submit budget. - Create a
showBalance
method to show balance.
A user can add expenses.
Interactions:
- Create a listener for
submit
action toexpense-form
.
Handlers:
- Create a
submitExpenseForm
method to submit expense. - Create a
addExpense
method to reflect expense.
A user can edit and delete one previously added expense at a time.
Interactions:
- Create a listener for
click
action toexpense-list
.
Handlers:
- Create a editExpense method to edit expense comment and value.
- Create a deleteExpense method to delete expense.
- Create a totalExpense method to calculate expense and balance values.
- Complete README.md for more details about the project.
Project finished
You can contact me using my repository whenever you want.