Live Url 👇🏼
https://text-editor-8vbu.onrender.com/
A text editor that uses webpack, service workers and manifest. This project ended up having some tough debugging in it and that definitely motivated me to keep at it to get everything working. The purpose of this project was to get an understanding of how some progressive web applications work, so the main focus here was the PWA's and the starter code that was given had a completed UI.
Use the script 'npm run install' to make sure everything is installed correctly as there are 3 package.json files.
When the application opens the UI is very simple. Simply enter any text you would like to save and it will be saved to the indexDb so if you refresh the page or close and reopen, your inputted text will still be there
Another thing to note is the application can be used offline. When you click the install button, a prompt to confirm installation will appear.
After installation is complete, the downloaded application will open up and it should look like this.
As per usual, I always refer to the class activities for guidance, but a few thank you's are in order. Thank you to my tutor Andrew, for going over the basics of PWA's to help better my understanding. Thank you to the ask BCS learning assistances for helping me debug. Thank you to my colleague Shawn for helping me debug as well and with the deployment on render.
https://webpack.js.org/guides/
https://developer.mozilla.org/en-US/docs/Web/Manifest
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
The MIT License is short and to the point. It lets people do almost anything they want with your project, like making and distributing closed source versions.
Add some text to the editor that you would like to save for later. If you close the app and reopen, all your text will still be there. If you want to use the editor offline, click the install button and install the app to your computer!