Comments (15)
Hey,
I would like to work on this.
from bridge-in-tech-backend.
@Vivek-Hotti , can you please give us update on this?
from bridge-in-tech-backend.
Hi. Maybe a way to enable push notification features in web app is downloading a push-notification code from github and setting that up on your local pc. With that, your installing a web server and code some things down in codelab to enable push notifications on that specific platform.
A detailed guide is given here from google developer resources: https://developers.google.com/web/fundamentals/codelabs/push-notifications#:~:text=To%20set%20this%20up%20in,every%20time%20the%20page%20reloads.
A better explanation is here too: https://www.sitepoint.com/how-to-use-push-notifications-for-web-applications/
Also, if your looking for a dedicated section for push notification, heres an amazing resource which is giving a pretty good idea using firebase on how to do it:
https://www.itwonders-web.com/blog/push-notification-using-firebase-demo-tutorial
https://www.codemag.com/article/1901031/Implementing-Push-Notifications-in-Progressive-Web-Apps-PWAs-Using-Firebase
The services helping for push notifications:
https://geekflare.com/website-push-notification/
APIS Used for push notification: Notification API and push api
https://www.thinktecture.com/en/pwa/push-api/
https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
from bridge-in-tech-backend.
@jaivanti, thank you for your suggestion. However, for future reference if the initial contributor doesn't give their response within 3-4 days, you can request to be assigned to the issue first before making your suggestion π . For now, since this is the last day of OSH and @Vivek-Hotti has not given his suggestion, I'll remove him and assign you to this. Can you please put your suggestion inside a google doc and share the editable link here? Also, rather than just giving us the links to discussions on ways to use push notifications, it would be better to give a little explanation (below each link) on how the discussion in the link help/relevant to our project.
from bridge-in-tech-backend.
Thanks for assigning me this issue. I am sharing below the google doc link. Do let me know if it helps!
https://docs.google.com/document/d/1PXGVNgxaiLQ_k0oEGRZUbBeJy1VXFVG3CnZKeUxbdUo/edit?usp=sharing
from bridge-in-tech-backend.
@jaivanti, can you please share the editable
link of the file so that others can participate in the discussion by commenting inside the file? As you can see from the screenshot below it is not editable (top right Request edit access
). Thanks beforehand.
from bridge-in-tech-backend.
@mtreacy002 I have change the viewer access to editor access. Can Check the doc linkπ
from bridge-in-tech-backend.
@naveen8801 , thanks. It's accessible now π . Can you please add a brief summary of pros/cons of the methods you pointed out along with a conclusion on your opinion on which method you would prefer out of the options you give?
from bridge-in-tech-backend.
Hi! @mtreacy002 I have added some points on conclusion/opinion of the method what i feel would be perfect to go for. I have not added the pros/cons section as the basic base of all methods is almost same(ie. using Push and Notification API to run javascript codes ) except that they have either used different backend services/ some different frameworks to make their push notification stuff work out.
Do let me know if this helps!
from bridge-in-tech-backend.
@jaivanti , I'm a bit confused on how this could be implemented using our current architecture (Python at the backend and ReactJS at the frontend). It seems like the Best method to be applied as per your suggestion is by totally creating a new web application using vanilla javascript with the backend using NodeJs and TypeScript. Can you please tell us how our current application will make use of this web you suggested? @decon-harsh and @epicadk , can you please share your opinion on @jaivanti 's suggestion here?
from bridge-in-tech-backend.
Hi @mtreacy002 ... Actually I initially thought maybe we can use and make a javascript based push notification web app and then integrate it with our own backend (python), I didn't look much for react based things, as sometime debugging in react based web apps can get difficult especially dealing with user experience based issues.
But then ig maybe having a react.js frontend already and create a new web app with JS and then integration process may become more complex. I will look for some more options related to react.js based push notifications.
Thanks!
from bridge-in-tech-backend.
@jaivanti , look forward to your findings on Reactjs/Python combo option π
from bridge-in-tech-backend.
Hi! @mtreacy002 I have added two methods which seemed relevant and uses python backend with react frontend for push notification stuff....Most of the methods on internet are using node.js/JavaScript. I am looking for more combo options of python/react and will keep updating the file. Hope this helps!
from bridge-in-tech-backend.
Hi @jaivanti , please provide your review on the extra resources of ReactJs/Python-Flask combo you recently added. An example of this is:
For the resource here, it's worth ta take note the limitations of Twillio if we are heading this way (then you can list the limitations and their impact to our application). For Outreach/Research tasks the contributor is expected to give their insights on the methods/resources they're recommending, to support the resources they put forth in the task.
from bridge-in-tech-backend.
@jaivanti any updates ?
from bridge-in-tech-backend.
Related Issues (20)
- Improvement: Refactor code to use dict.get() method HOT 2
- Improvement: refactor expected_fields_validator HOT 10
- Task: Set up local environment HOT 7
- Improvement: Add typehints to User module HOT 3
- Improvement: Add typehints to Organization module HOT 3
- Improvement: Add typehints to Programs module HOT 6
- Research : Ideas for how to add members to an organization HOT 1
- Migrating Travis to Github action HOT 9
- Frontend UI Redesign HOT 3
- Migrating to Github Actions
- Fix tests failing on github actions HOT 6
- test
- Improve Github actions HOT 4
- Dev: Add BIT web gh-pages remote to CORS
- Dev: Move Docusaurus from surge to gh-pages HOT 3
- Docs : Add setup tutorial to `.github/ENV_SETUP_INSTRUCTION.md` HOT 3
- Make project beginner friendly HOT 8
- Update organization name from AnitaB.org to anitab-org in docusaurus config HOT 2
- Update github email and name in documentation workflow HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bridge-in-tech-backend.