Skip to content

Offline IndexedDB – In Browser Folders & Notes Web Page – Flutter Web – Source Code

$6.00

Categories: , Tags: , , ,

You may categorize this as yet another Notes App, but, the technologies that it includes are from modern and forward looking.

  • IndexedDB – It includes Create Read Update Delete (CRUD) operations on a basic note and folder records with Data Store – the browser offline data storage (IndexedDB database) – implemented 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 you could alter the data source of the notes 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 app lets you organize the notes into folders and sub-folders structure.

 

The current list of files included in the Notes App Package is:
/web
/web/index.html
/web/favicon.png
/web/Note.html
/web/icons
/web/icons/Icon-192.png
/web/icons/Icon-512.png
/web/manifest.json
/web/app.js
/web/sw.js
/web/fest.json
/web/Folder.html
/pubspec.lock
/ios

/lib
/lib/viewModel
/lib/viewModel/FolderViewModel.dart
/lib/viewModel/NoteViewModel.dart
/lib/ui
/lib/ui/FolderListItem.dart
/lib/ui/NoteList.dart
/lib/ui/FolderList.dart
/lib/ui/NoteListItem.dart
/lib/ui/FolderAddEdit.dart
/lib/ui/FoldersAndNotesWebPageDrawer.dart
/lib/ui/NoteDetails.dart
/lib/ui/NoteAddEdit.dart
/lib/ui/FolderDetails.dart
/lib/adddependencies.txt
/lib/utils
/lib/utils/DataAccess.dart
/lib/utils/utils.dart
/lib/main.dart
/lib/model
/lib/model/Note.dart
/lib/model/Folder.dart
/lib/model/Result.dart
/lib/db
/lib/db/FolderIndexedDbDao.dart
/lib/db/NoteIndexedDbDao.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/Folders_and_Notes_Web_Page/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/folders_and_notes_web_page/folders_and_notes_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 from this link: https://programtom.com/appbuilder/zimbdWPaCfaRaGJxi87AQE6wsIY3bgZrvlHmDm90j4/Folders_and_Notes_Web_Page/FLUTTER_WEB_BROWSER_CRUD_PHP_BACKEND/online/folders_and_notes_web_page

Reviews

There are no reviews yet.

Be the first to review “Offline IndexedDB – In Browser Folders & Notes Web Page – Flutter Web – Source Code”

Your email address will not be published.