Progressive web app

PWA means your web based mobile website seen as android app without any app downloaded.

Get live demo

Download
https://codeload.github.com/mdn/pwa-examples/zip/master
https://github.com/mdn/pwa-examples.git

How to make progressive web app 

first create manifest.webmanifest file 

put code 

{ 

"name": "Justerjobs" ,

"short_name": "justerjobs" ,

"start_url": " /index.php" ,

"display": "fullscreen" ,

"background_color": "#fff" , 

"description": "job portal website.",

 "icons": [

    {

      "src": "/icon.png",

      "sizes": "512x512",

      "type": "image/png"

    } ,

    

    {

    "src": "/icon.png",

      "sizes": "192x192",

      "type": "image/png"

    

    

    }

]

}

link this file in index file same as stylesheet and javascript

 see below

<link href="./manifest.webmanifest" rel="manifest"  />

-------------------------------------------------------------------------------------------

How to check manifest file added or not 

right click , view inspect , click application