Table of Contents
![](https://private-user-images.githubusercontent.com/100915606/282285482-a1c21220-0bde-44f1-850b-25e814420fb2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2ODc5OTUsIm5iZiI6MTcxNDY4NzY5NSwicGF0aCI6Ii8xMDA5MTU2MDYvMjgyMjg1NDgyLWExYzIxMjIwLTBiZGUtNDRmMS04NTBiLTI1ZTgxNDQyMGZiMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNTAyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDUwMlQyMjA4MTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01OWM4ZTJjOGVlOTk1MzU3YjIwZTgxOGY0ZTU2ZDZkNGFlN2RkMDcwNTRmZjZhYjIwYzk5MzQ5ODdhOGIzZWE4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.nxxmAUpev9nfCNh_21W4pNqdnYJWWnE4NRAlgJGyNTs)
This is the biggest project I have ever done. Why? It looks like basic Financial movements page but it is not. In the background the page has beautiful structure to store your expenditures. With this feature you can see and update your incomes and expenditures when you get back on website. Updating is just adding and removing , has not edit action yet.
- If there is a long expense name don't worry!
- With the responsive design, you can easily navigate through the tables if the expense name is long or if you have a large amount of expenses
First, you have to enter your income. If at least one field empty, system will fire error.
Once you have your income/ incomes you can start your expenses
There are three buttons for actions.
- Add button using for adding your incomes on the table of the bottom
- Save button using for adding your specify expense names , spent amound and last payment date.
- Clear Information button using for reseting all tables and clear your informations from everywhere on page.
Note
Great practice to DOM manipulating.
Big business in a short time. ๐โ
The code is complex and poorly readable because it was prepared with Turkish concepts and presented in English
Important
It contains localStorage, so do not worry to lose your datas.
This means that when you leave the page and come back, you can see what you left as it was.๐
Warning
Input fields can not be empty.
You have to enter an income to start operatings
After enter income, you have to fill at least one of expense field or spent amount.
Be carefull to clicking on "Clear Information". This button clears all really ๐ฎ๐จ