Skip to content

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


Flutter Web – In Browser Notes Web Page with Data Source – Offline IndexedDB Database

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 record 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 current list of files included in the Notes App Package is:


And Platform Specific files not important at the moment. The full list of files could be viewed here:

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:


There are no reviews yet.

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

Your email address will not be published.