Add push notifications service to web app

[bhansa]

Add push service once the service worker is implemented.
Reference: https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications
https://firebase.google.com/docs/cloud-messaging/js/client
Few details under #34

[ashwani99]

I would like to take this. @bhansa @ananyo2012 Can you help me with what type notifications will we be adding? from #34 I understood there are these notifications to be added:

• announcing important dates
• announcing speakers
• announcing sponsors

Also, I can create a static document database for storing our data in firebase. We can use the yaml files in _data directory. Should I go forward?

[bhansa]

Hi @ashwani99, thanks for picking up this issue. As of now we have decided to go with the above types of notifications which you mentioned.
Also, I was thinking to have notifications which we will be useful at the day of the event as well (more like real time notifications), for example: notifying people about the talks and venue, any change in the schedule etc.
Lets try to work on implementing these.

About the idea of creating static document, I am not much aware of it.
Although we should be not complicating things by putting extra payload on the server by making requests to firebase because in the end the current website is static, and all the content is generated once you do a build.
Feel free to add your thoughts about this :)

[ananyo2012]

@ashwani99 Also it will be helpful if you can link a blog post or some documentation on the firebase setup you are planning to do and how we can manage access to the firebase app.

[ashwani99]

About the idea of creating static document, I am not much aware of it.

@bhansa By static document, I meant exact copy of the data files (we need to convert from yaml to json) into the firebase database.

Although we should be not complicating things by putting extra payload on the server by making requests to firebase because in the end the current website is static, and all the content is generated once you do a build.

We need a firebase DB and we have to configure the firebase to send messages when a change in DB occurs and notify whenever message is received. So, requests to firebase is necessary.

@ananyo2012 I am thinking of a solution somewhat like shown in this video except that it is done in Angular.

As the data needs to be in firebase, we will be duplicating the data in the data files as well as in the firebase DB but as @bhansa mentioned, this will be overhead. Please add your thoughts on this.

As this is a static site, I don't think adding push notifications is necessary. Can we use a twitter widget showing tweets from official HydPy account for the notifications?

[ananyo2012]

@ashwani99 The purpose of adding push notifications is to make the PWA little bit more interactive. It's an addition to the present app.

To update the Data in firebase we can write a service that will update the data in firebase whenever an update is made in the corresponding data file in the github repo. But this is kind of a further plan and doesn't come under this issue. Just getting the basic setup working is the goal of the current issue.

[bhansa]

@ashwani99 any progress on this?

[aditya-prayaga]

@ananyo2012 Can I try this?

[ananyo2012]

@Aditya-369 Please go ahead and let us know the necessary setup you need.

[aditya-prayaga]

Hey @ananyo2012 so I started working on this today. Seems that #133 does well. Is there some specific functionality to look over?