This project demonstrates how to use the browser's IndexedDB database to manage state in applications.
The project provides two primary files:
js/lib/indexeddb.js- an IndexedDB wrapper library with Promisifies the API.js/lib/state.js- a state management object withgetandsetmethods.
An example todo application demonstrates usage:
index.html- pagecss/main.css- basic stylesjs/main.js- single entry point which loads required modulesjs/components/todo-list.js- displays current todo list and handles removing tasksjs/components/todo-add.js- todo entry form which handles adding tasks
Both components manage state through js/lib/state.js.
Copy all files to a web server or launch one, e.g. using Node.js:
npx small-static-serverand open index.html in a web browser.