Offline IndexedDB – Personal Budget App Web Page – Flutter Web – Source Code

Description

This is a Source Code Package that lets you enter:

• Money Holders – The containers of your money. It may be your bank account, or pocket money, or crypto wallet, etc
• Products, Items, Things from/to where your money comes or flows to. Some Examples could be – Food, Side Project X, Car, 9-5 Work, etc.
• Transactions (Money Flows) – You can enter from/to what money container has the money fled and what is the reason/Item/ that consumed the expense/income.

Used technologies:

• IndexedDB – It includes Create Read Update Delete (CRUD) operations on the above record types with Data Store – the browser offline data storage (IndexedDB database) – implemented in pure JavaScript (with no dependendies)
• It uses the Flutter Framework for User Interface library and the Web as a Target Platform.
• The code is organized in Model – View – View Model Design Pattern. This means if you buy this project, you could alter the data source of the information or add some additional business logic – without changing the User Interface code – thanks to the separation of functionality.
• The UI Code is responsive. On Landscape screens (width > height) – the view split in two 50/50 – list + add/edit. On Portrait screens – the user interface is with one view at a time list or add/edit.

 

Summaries and Statistics are currently not implemented, but once you have records. It will be a matter of small queries/summaries.

The current list of files included in the Personal Budget App Package are:

/web
/web/index.html
/web/MoneyPlaceHolder.html
/web/favicon.png
/web/icons
/web/icons/Icon-192.png
/web/icons/Icon-512.png
/web/manifest.json
/web/MoneyFlow.html
/web/app.js
/web/sw.js
/web/fest.json
/web/Item.html
/pubspec.lock
/ios

/lib
/lib/viewModel
/lib/viewModel/ItemViewModel.dart
/lib/viewModel/MoneyFlowViewModel.dart
/lib/viewModel/MoneyPlaceHolderViewModel.dart
/lib/ui
/lib/ui/ItemDetails.dart
/lib/ui/MoneyFlowAddEdit.dart
/lib/ui/ItemListItem.dart
/lib/ui/MoneyPlaceHolderDetails.dart
/lib/ui/MoneyFlowList.dart
/lib/ui/MoneyPlaceHolderList.dart
/lib/ui/MoneyFlowListItem.dart
/lib/ui/ItemList.dart
/lib/ui/PersonalBudgetDrawer.dart
/lib/ui/MoneyPlaceHolderListItem.dart
/lib/ui/ItemAddEdit.dart
/lib/ui/MoneyPlaceHolderAddEdit.dart
/lib/ui/MoneyFlowDetails.dart
/lib/adddependencies.txt
/lib/utils
/lib/utils/DataAccess.dart
/lib/utils/utils.dart
/lib/main.dart
/lib/model
/lib/model/MoneyPlaceHolder.dart
/lib/model/Item.dart
/lib/model/MoneyFlow.dart
/lib/model/Result.dart
/lib/db
/lib/db/MoneyFlowIndexedDbDao.dart
/lib/db/MoneyPlaceHolderIndexedDbDao.dart
/lib/db/ItemIndexedDbDao.dart
/lib/i18n
/lib/i18n/messages_all.dart
/lib/i18n/AppLocalizations.dart
/lib/i18n/intl_en.arb
/lib/i18n/messages_en.dart
/lib/rest
/lib/rest/Constants.dart
/personal_budget.iml

 

And Platform Specific files not important at the moment. The full list of files could be viewed here:
https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Personal_Budget/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/personal_budget/personal_budget.txt

The list of files, the demo, the product package/files list/ and probably the price will be upgraded in the future with the improvements in the Generator App Product that creates this small app.

You can open the demo from this link:
https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Personal_Budget/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/personal_budget/#/