{"id":13493756,"url":"https://github.com/gokulkrishh/demo-progressive-web-app","last_synced_at":"2025-05-16T09:06:12.795Z","repository":{"id":53395385,"uuid":"48673613","full_name":"gokulkrishh/demo-progressive-web-app","owner":"gokulkrishh","description":"🎉 Demo for Progressive Web Application and its features.","archived":false,"fork":false,"pushed_at":"2023-11-27T13:21:49.000Z","size":1746,"stargazers_count":964,"open_issues_count":2,"forks_count":262,"subscribers_count":37,"default_branch":"master","last_synced_at":"2025-04-09T04:03:42.166Z","etag":null,"topics":["addtohomescreen","background-sync","google-chrome","manifest-json","notifications","offline","progressive-web-app","push-notifications","pwa","pwa-app","pwa-apps","pwa-example","snackbar","splash-screen","webshare"],"latest_commit_sha":null,"homepage":"https://demopwa.surge.sh","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/gokulkrishh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["gokulkrishh"]}},"created_at":"2015-12-28T04:20:49.000Z","updated_at":"2025-04-05T21:10:15.000Z","dependencies_parsed_at":"2024-01-15T23:26:28.660Z","dependency_job_id":"f16367af-f385-4381-9290-a19ec76558d2","html_url":"https://github.com/gokulkrishh/demo-progressive-web-app","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/gokulkrishh%2Fdemo-progressive-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulkrishh%2Fdemo-progressive-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulkrishh%2Fdemo-progressive-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulkrishh%2Fdemo-progressive-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gokulkrishh","download_url":"https://codeload.github.com/gokulkrishh/demo-progressive-web-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254501558,"owners_count":22081528,"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":["addtohomescreen","background-sync","google-chrome","manifest-json","notifications","offline","progressive-web-app","push-notifications","pwa","pwa-app","pwa-apps","pwa-example","snackbar","splash-screen","webshare"],"created_at":"2024-07-31T19:01:18.526Z","updated_at":"2025-05-16T09:06:07.788Z","avatar_url":"https://github.com/gokulkrishh.png","language":"JavaScript","funding_links":["https://github.com/sponsors/gokulkrishh"],"categories":["Apps (Open Source)","JavaScript","Apps"],"sub_categories":["Development and Design"],"readme":"### \u003cp align=\"center\"\u003e\u003cimg width=\"150px\" height=\"150px\" src=\"https://raw.githubusercontent.com/gokulkrishh/demo-progressive-web-app/master/images/icons/android-chrome-192x192.png\"\u003e\u003c/p\u003e\n\n# [Progressive Web Application](https://demopwa.surge.sh)\n\n*A demo for progressive web application with features like offline, push notifications, background sync etc,*\n\n### [Live](https://demopwa.surge.sh)\n\n### Installation\n\n#### `Step 1` - clone the repo\n\n```bash\n$ git clone https://github.com/gokulkrishh/demo-progressive-web-app\n```\n\n#### `Step 2` - cd in the repo\n\n```bash\n$ cd demo-progressive-web-app\n```\n\n#### `Step 3` - install dependencies\n\n```bash\n$ npm install\n```\n\n#### `Step 4` - run application\n\n```bash\n$ npm run start\n```\n\nIn browser, open [http://localhost:3000](http://localhost:3000)\n\n## Main Features\n\n- [x] - App Shell Architecture\n\n- [x] - Service Worker + [Navigation Preload](https://mattto.github.io/sw/demo/navigation-preload/) ([Origin Trial](https://docs.google.com/forms/d/e/1FAIpQLSfO0_ptFl8r8G0UFhT0xhV17eabG-erUWBDiKSRDTqEZ_9ULQ/viewform?fbzx=-8349956695398695000))\n\n- [x] - Add to Home Screen, Splash Screen, Browser Mode, Notify user if site is updated etc,\n\n- [x] - Offline Support\n\n- [x] - Online/Offline Events\n\n- [x] - Fetch API\n\n- [x] - Push Notifications\n\n- [x] - Background Sync\n\n- [x] - Web Share API\n\n### Get started with PWA Development\n\n- [Codelabs](https://pwa.tips/codelabs)\n\n### List of Progressive Web Apps\n\n- [PWA Rocks](https://pwa.rocks)\n\n### References\n\n- [Google Developer Site](https://developers.google.com/web/progressive-web-apps)\n\n- [Web Share API](https://developers.google.com/web/updates/2016/10/navigator-share)\n\n- [Navigation Preload](https://developers.google.com/web/updates/2017/02/navigation-preload)\n\n- [Awesome Meta and Manifest](https://github.com/gokulkrishh/awesome-meta-and-manifest)\n\n#### License\n\nMIT © [Gokulakrishnan](https://github.com/gokulkrishh)\n\n\u003cdiv align=\"center\"\u003e\n  \u003csub\u003eIf you found a bug or some improvments, feel free to raise an issue and send a PR!\u003c/sub\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgokulkrishh%2Fdemo-progressive-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgokulkrishh%2Fdemo-progressive-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgokulkrishh%2Fdemo-progressive-web-app/lists"}