pwa-brussels / playgrounds-bxl

Playgrounds in Brussels, Open data available as PWA
https://pwa-brussels.github.io/playgrounds-bxl/
1 stars 1 forks source link
open-data playground pwa pwa-example

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

  1. install npm
  2. install globally jspm: npm install -g jspm
  3. install globall sw-precache: npm install -g sw-precache

Installation

  1. Clone this git repository
  2. enter the project folder
  3. npm install
  4. jspm install
  5. maybe update service-worker.js: sw-precache --config swprecache.config.js
  6. Launch web server from the root directory
  7. Navigate to index.html

Setting up notifications

  1. Head over to https://web-push-codelab.appspot.com/
  2. Copy the public key into notifications.js
  3. Load page (twice possibly)
  4. Copy endpoint data into Messagin section of site at (1)

See it in action

https://pwa-brussels.github.io/playgrounds-bxl/