indexedDB

Project information

This practice is aimed at learning to use the indexedDB mecanic (JavaScript).

We learn the core mechanics such as : open(), .onupgradeneeded, .onsuccess, .onerror, .onblocked and the full connection lifecycle. We also learn about transactions (readonly/readwrite), object stores, requests and the request/response pattern that runs everything. Moreover, we discover keyPath and autoIncrement, and why keys should never be reused. Finally, we dive into Indexes, and unique constraints.

Full CRUD: Create (add), Read (get/getAll), Delete (delete) - all wired to real HTML, with closures correctly capturing per-row data for delete buttons.

JavaScript database IndexedDb