This program is a text editor that runs in a browser window. It is a single application that meets the PWA(Progressive Web Application) criteria and features a number of data persistence techniques that can also serves as redundancy, in such that, when a browser doesnt support it. In other words, this application will function offline.
This application consists of methods that are used for retrieving and storing data to an IndexedDB database, and uses a package called idb
. The package idb
is a lightweight wrapper which is used in tandem with the indexedDB API and database. The API used for storing and retrieving data is also used by companies like Google and Mozilla.
The main gist of this program
is being able to create notes
or code snippets with or without an internet connection
so with reliability
you can retrieve them for later use.
So this application -
* Uses IndexedDB to create an object store and includes both GET and PUT methods
* works without an internet connection
* Automatically saves content inside the text editor when the DOM window is unfocused
* is Bundled with webpack
* can Create a service worker with workbox that Caches static assets
* uses babel in order to use async / await
* generates `manifest.json` using the `WebpackPwaManifest` plug-in
* is installed as a Progressive Web Application
The following animation demonstrates the application functionality:
The following animation shows the application's manifest.json
file:
The following animation shows the application's registered service worker:
The following animation shows the application's IndexedDB storage:
Stephen Puthenpurackal
Eric Sayer(tutor);
Project Status - Currently finished and Closed Until Further Notice
Assignment Status - Submitted
Future Plans: Will come back to it once I figure out what I can use this for.