I successfully implemented a web push notification for Google Chrome using Google Project and Service Worker.
One thing I'm curious about is how to customize or style the push notification. The plain message box doesn't quite cut it for me – I'd love to be able to use HTML and CSS to make it look more unique.
self.addEventListener('push', function(event) {
console.log('Push message received', event);
var title = 'Push message';
event.waitUntil(
self.registration.showNotification(title, {
body: 'Please choose to like or reply
icon: 'images/icon.png',
tag: 'my-tag',
actions:[
{action:"like", title: "Like"},
{action:"reply", title: "⤻ Reply"}]
}));
});