Demo for Progressive Web App
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
server
src
.babelrc
.editorconfig
.eslintrc
.gitignore
.stylelintrc
.travis.yml
LICENSE
Procfile
README.MD
package.json
webpack.config.js

README.MD

Progressive Web App Demo

A showcase for Progressive Web Apps by using:

  • Homescreen
  • Service Worker Notifications
  • Service Worker Cache API.

This should work on Chrome and Chrome Mobile.

For more details see public/index.html or visit the running web app at https://mdworld-pwa-demo.herokuapp.com

Usage

  • Run development server and watch npm run devserver and open http://localhost:3000/ (Service workers requires HTTPS, but an exception is made for localhost)
  • Build for production npm run dist
  • Run production server npm start

DevOps

Travis-ci depends on the .travis.yml. It has an API key for heroku. It was not possible to generate it under Windows, but it worked on the first try on Ubuntu.

Heroku starts by running the Procfile. When deploying an HTTP server on Heroku, apparently it's automatically also accessible over https: https://mdworld-pwa-demo.herokuapp.com/

Debugging

TODO

Outscoped improvements

  • Web socket for updating "show notifications"
  • Cache API: reconnect subscribe when connection is re-established
  • Use webpack dev server with proxy