{"id":25690298,"url":"https://github.com/rajeshpillai/react-socket-web-push-notify","last_synced_at":"2025-04-24T03:15:12.960Z","repository":{"id":39509400,"uuid":"192025152","full_name":"rajeshpillai/react-socket-web-push-notify","owner":"rajeshpillai","description":"A web push notification example using  React, Node.js and , Socket.io","archived":false,"fork":false,"pushed_at":"2023-01-04T00:41:47.000Z","size":5348,"stargazers_count":8,"open_issues_count":31,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-24T03:15:07.621Z","etag":null,"topics":["javascript","nodejs","react","socket-io"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rajeshpillai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-15T01:53:21.000Z","updated_at":"2023-09-10T22:43:32.000Z","dependencies_parsed_at":"2023-02-01T15:01:07.609Z","dependency_job_id":null,"html_url":"https://github.com/rajeshpillai/react-socket-web-push-notify","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajeshpillai%2Freact-socket-web-push-notify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajeshpillai%2Freact-socket-web-push-notify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajeshpillai%2Freact-socket-web-push-notify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajeshpillai%2Freact-socket-web-push-notify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rajeshpillai","download_url":"https://codeload.github.com/rajeshpillai/react-socket-web-push-notify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250552080,"owners_count":21449165,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","nodejs","react","socket-io"],"created_at":"2025-02-24T22:16:53.265Z","updated_at":"2025-04-24T03:15:12.935Z","avatar_url":"https://github.com/rajeshpillai.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start` or 'yarn start'\n\nRuns the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n## To Start the node server\n\n### `cd server`\n\n### `node index`\n\n## To send push notification\n\n1. Send a get request to http://localhost:4000/send-notification\n\n## Steps to successfully setup service worker and push notification\n\n1. Put your service worker file in the public folder\n2. Use 'scope' when registering service worker.\n3. For push notification, you need VAPID keys\n\nTo create VAPID keys, use the following process.\n\n## npm install -g web-push\n\n## web-push generate-vapid-keys\n\nThe above command will give you the output as below (use this to register service worker)\n\n=======================================\n\nPublic Key:\nBLHxWiNVmr7ROB8O3KpPRJFAMhMypwe4X9TdWMmhsPSzHszo32PDkndpvWx3H0OY2HwFCQRU98JBpZ_AEsVxWG4\n\nPrivate Key:\nVXcSZD3mdKyXEmDZNrB02WTxgUZmdIpAEo5tnXR4OH4\n\n=======================================\n\n## NOTE: Please don't use this key. Create a new one and use it.\n\nRefer: sw-push.js (in the public folder) and server/index.js\nfor registration. \n\n## To run production build\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajeshpillai%2Freact-socket-web-push-notify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frajeshpillai%2Freact-socket-web-push-notify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajeshpillai%2Freact-socket-web-push-notify/lists"}