The app will be a single-page application that meets the PWA criteria. Additionally, it features a number of data persistence techniques that serve as redundancy in case one of the options is not supported by the browser. The application will also function offline.
To create this application, I used:
IndexedDB (via the idb package) as a database Webpack to bundle front-end code Workbox to create a service worker that caches static assets And, it has been deployed on Render
https://text-editor-pwa-5j9j.onrender.com/
To install this project you can either perform a git clone in your command-line or simply fork your own copy into your Github.
To use this project,
-
Go to the cloned files, then type
npm iin your terminal to install the appropriate dependencies. Be sure you’re in the correct location in your terminal first! -
Bundle the front-end code by entering
npm run build. -
Start the server by entering
npm run start -
Go to the port on your local host
-
Click the "Install" button.
You can also just use the live application here
https://webpack.js.org/plugins/mini-css-extract-plugin/#getting-started
Feel free to play around with the code and use your own data.
