• 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 and webfonts.

• init.js
• log.js

A user can add a budget for balance.

Interactions:

• Create a listener for submit action to budget-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 to expense-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 to expense-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.