PWA without any 3rd party content

After searching the web for a simple PWA tutorial, everything I found was either too complicated or required one 3rd party. But,I wrote a simple tutorial myself that doesn’t require any 3rd party content: The classic “Hello World” app, PWA style.

The Setup
Create a directory for the app and add js, css, and images subdirectories. It should look like this when you’re finished: 
/Hello-PWA # Project Folder
/css # Stylesheets
/js # Javascript
/images # Image files.


Writing Codes (most minimum importent 3 files):

1.index.html on root

2.main.js on js folder

3.Service workers sw.js on root

Remark : Testing the App

Now that we’ve got something in the browser, we’ll use Google’s Lighthouseto test the app and see how well it conforms to PWA standards. Press F12 to open the developer panel in Chrome and click on the audits tab to open Lighthouse.

CR:https://medium.com/james-johnson/a-simple-progressive-web-app-tutorial-f9708e5f2605