https://github.com/ayeshamunawar-profile/budget-app
A simple Web app created in HTML5 and CSS and javascript
https://github.com/ayeshamunawar-profile/budget-app
budget css3 es5-javascript html5 iffe javascript modular
Last synced: 2 months ago
JSON representation
A simple Web app created in HTML5 and CSS and javascript
- Host: GitHub
- URL: https://github.com/ayeshamunawar-profile/budget-app
- Owner: AyeshaMunawar-profile
- Created: 2019-12-01T09:27:39.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-25T11:50:40.000Z (almost 4 years ago)
- Last Synced: 2024-12-25T18:12:09.236Z (4 months ago)
- Topics: budget, css3, es5-javascript, html5, iffe, javascript, modular
- Language: JavaScript
- Homepage: https://ayeshamunawar-profile.github.io/Budget-App/
- Size: 831 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Budget-App
Website Link : https://ayeshamunawar-profile.github.io/Budget-App/
A simple Web app created in HTML5 and CSS and javascript
**Features**
1) Add expenses or income
2) See the overall budget calculated
3) See the percentage of each expense from the total income
4) Responsive site
**Challenges**
1) Create a secure app with a well-defined global scope and local scope managed so that if the code is integrated with other code it doesn't pollutes the global scope.
2) Implement modular design pattern using IFFE and closures in javascript.
3) Create a user-friendly UI.
4) Make the web-app responsive.
**My Role**
1) Created modular design for the website using IFFE (immediately invoked function expressions) to avoid unnecessary pollution of global scope.
2) Implemented three modules i.e UIController, Controller and DataController Controller manages the the whole app and the communication between the UIController and DataController.
3) Used Ionic framework i.e UI toolkit for developing high-quality cross-platform apps.
Link: https://ionicframework.com/
4) Refactored code