Awesome

generator-pwa

Progressive Webapp generator

Installation

npm install -g yo
npm install -g generator-pwa

Then generate your new project:

yo pwa

This would generate a dir structure like:

app/
|____css
| |____style.css
|____favicon.ico
|____images
| |____touch
| | |____apple-touch-icon.png
| | |____chrome-touch-icon-192x192.png
| | |____icon-128x128.png
| | |____ms-touch-icon-144x144-precomposed.png
|____index.html
|____js
| |____app.js
| |____push.js
|____server.js
|____sw.js

Run

  gulp

For push notification

  npm start

##TODO

• - Prompt for all manifest.json related fields.

• - AskFor static-cache-path (automatically pick the required files)?

• - Use async-await in sw.js.

• - Add background sync.

• - Add a gif!

License

MIT © Hemanth.HM