How to implement Web Push Notifications with live demo and instructions: https://push-notifications-demo.netlify.app/

push-notification-demo

This mono-repo project is a demo for this article https://itnext.io/an-introduction-to-web-push-notifications-in-javascript-a701783917ce

The project is composed by two parts:

• a front end written is HTML + JavaScript

• a back end written in JavaScript + NodeJS

Run locally

font-end

cd front-end 
npm install 
npm start

Next, open http://localhost:9000.

back-end

cd back-end
npm install
export CORS_ORIGIN=http://localhost:9000 && node src/server.js

export CORS_ORIGIN=http://localhost:9000 means: accept Cross Origin call from this host.

deploying to your server

If you want to deploy the front-end to your server remember to modify the back-end host in the webpack config file: webpack.config.prod.js: 'process.env.PUSH_SERVER_URL': JSON.stringify('https://push-notification-demo-server.herokuapp.com'),