{"id":19219560,"url":"https://github.com/teneplaysofficial/push-notifications-js","last_synced_at":"2026-06-23T09:31:59.261Z","repository":{"id":258592252,"uuid":"868945870","full_name":"TenEplaysOfficial/push-notifications-js","owner":"TenEplaysOfficial","description":"A simple JavaScript implementation for browser push notifications using the Notification API. This project demonstrates how to request permission for notifications, send notifications, and manage visibility changes to enhance user engagement.","archived":false,"fork":false,"pushed_at":"2024-10-08T05:51:12.000Z","size":6,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-23T09:16:33.099Z","etag":null,"topics":["css","html","js","notification-api","push-notifications"],"latest_commit_sha":null,"homepage":"https://teneplaysofficial.github.io/push-notifications-js/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TenEplaysOfficial.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-07T13:07:18.000Z","updated_at":"2025-02-04T03:12:44.000Z","dependencies_parsed_at":"2024-10-21T13:49:29.242Z","dependency_job_id":null,"html_url":"https://github.com/TenEplaysOfficial/push-notifications-js","commit_stats":null,"previous_names":["teneplaysofficial/push-notifications-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TenEplaysOfficial/push-notifications-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TenEplaysOfficial%2Fpush-notifications-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TenEplaysOfficial%2Fpush-notifications-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TenEplaysOfficial%2Fpush-notifications-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TenEplaysOfficial%2Fpush-notifications-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TenEplaysOfficial","download_url":"https://codeload.github.com/TenEplaysOfficial/push-notifications-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TenEplaysOfficial%2Fpush-notifications-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34684673,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-23T02:00:07.161Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","html","js","notification-api","push-notifications"],"created_at":"2024-11-09T14:32:03.270Z","updated_at":"2026-06-23T09:31:59.242Z","avatar_url":"https://github.com/TenEplaysOfficial.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\r\n# Push Notifications JS\r\n\r\nA simple JavaScript implementation for browser push notifications using the Notification API. This project demonstrates how to request permission for notifications, send notifications, and manage visibility changes to enhance user engagement.\r\n\r\n## Features\r\n\r\n- Request user permission for displaying notifications.\r\n- Send a notification with a customizable message and icon.\r\n- Automatically notify users when they leave the page.\r\n- Track the duration of absence and notify them to return.\r\n\r\n## Demo\r\n\r\nA live demo of this project can be found [here](https://teneplaysofficial.github.io/push-notifications-js/). (Replace this with a link to your live demo if available.)\r\n\r\n## Installation\r\n\r\nTo get started with this project, clone the repository:\r\n\r\n```bash\r\ngit clone https://github.com/TenEplaysOfficial/push-notifications-js.git\r\n```\r\n\r\nNavigate to the project directory:\r\n\r\n```bash\r\ncd push-notifications-js\r\n```\r\n\r\nOpen the `index.html` file in your web browser.\r\n\r\n## Usage\r\n\r\n1. Open the project in a web browser.\r\n2. Click the \"Notify\" button to request permission for notifications.\r\n3. If granted, notifications will be displayed based on the visibility state of the document.\r\n\r\n## Code Explanation\r\n\r\n- **index.html**: Contains the HTML structure for the notification functionality.\r\n- **style.css**: Provides the styling for the notification button and layout, ensuring a clean and user-friendly interface.\r\n- **script.js**: Implements the logic for managing notifications and visibility changes.\r\n\r\n\r\n## Contributing\r\n\r\nContributions are welcome! If you have suggestions for improvements or want to add features, feel free to open an issue or submit a pull request.\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\r\n\r\n\r\n*Stay connected! Follow me on [Socials](https://linktr.ee/tenegames).*","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteneplaysofficial%2Fpush-notifications-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteneplaysofficial%2Fpush-notifications-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteneplaysofficial%2Fpush-notifications-js/lists"}