Skip to content

Offline IndexedDB – In Browser To-Do Web Page – Flutter Web – Source Code

$3.00

Flutter Web – In Browser To-DO Web Page with Data Source – Offline IndexedDB Database

Categories: , Tags: , , ,

Simple To-DO app that includes several modern technologies, design patterns and approaches:

  • IndexedDB – It includes Create Read Update Delete (CRUD) operations on a basic To-do record with Data Store – the browser offline data storage (IndexedDB database) – implemented in pure JavaScript (with no external/additional 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 you could change the data source of the records or add some additional business logic changes – without changing a single line of the User Interface code.
  • 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.

The current list of files included in the ToDo App Package is:

/web
/web/index.html
/web/favicon.png
/web/icons
/web/icons/Icon-192.png
/web/icons/Icon-512.png
/web/manifest.json
/web/ToDo.html
/web/app.js
/web/sw.js
/web/fest.json
/pubspec.yaml
/lib
/lib/viewModel
/lib/viewModel/ToDoViewModel.dart
/lib/ui
/lib/ui/OfflineToDoWebPageDrawer.dart
/lib/ui/ToDoDetails.dart
/lib/ui/ToDoList.dart
/lib/ui/ToDoAddEdit.dart
/lib/ui/ToDoListItem.dart
/lib/adddependencies.txt
/lib/utils
/lib/utils/DataAccess.dart
/lib/utils/utils.dart
/lib/main.dart
/lib/model
/lib/model/ToDo.dart
/lib/model/Result.dart
/lib/db
/lib/db/ToDoIndexedDbDao.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

And Platform Specific files not important at the moment. The full list of files could be viewed here:
https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Offline_To_Do_Web_Page/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/offline_to_do_web_page/offline_to_do_web_page.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 of the To-Do app from this link:
https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Offline_To_Do_Web_Page/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/offline_to_do_web_page/#/

Reviews

There are no reviews yet.

Be the first to review “Offline IndexedDB – In Browser To-Do Web Page – Flutter Web – Source Code”

Your email address will not be published.