playgrounds-bxl
A mobile web app that demonstrates the features of progressive web apps as defined on https://developer.mozilla.org/en-US/Apps/Progressive
The purpose of the app is to provide information about playgrounds in Brussels based on open data available at http://opendata.brussels.be/explore/dataset/playgrounds/
and user generated content.
Prerequisits
- install npm
- install globally jspm:
npm install -g jspm
- install globall sw-precache:
npm install -g sw-precache
Installation
- Clone this git repository
- enter the project folder
npm install
jspm install
- maybe update service-worker.js:
sw-precache --config swprecache.config.js
- Launch web server from the root directory
- Navigate to index.html
Setting up notifications
- Head over to https://web-push-codelab.appspot.com/
- Copy the public key into notifications.js
- Load page (twice possibly)
- Copy endpoint data into Messagin section of site at (1)
See it in action
https://pwa-brussels.github.io/playgrounds-bxl/