https://github.com/mdn/pwa-examples

Examples for progressive web apps.
https://github.com/mdn/pwa-examples

Last synced: 9 days ago
JSON representation

Examples for progressive web apps.

• Host: GitHub
• URL: https://github.com/mdn/pwa-examples
• Owner: mdn
• License: cc0-1.0
• Created: 2018-01-16T11:43:05.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2024-09-16T09:54:42.000Z (about 2 months ago)
• Last Synced: 2024-09-16T11:31:39.550Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.71 MB
• Stars: 919
• Watchers: 42
• Forks: 613
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# PWA Examples

Examples for progressive web apps.

In this repo, we currently have:

* [CycleTracker](): A basic app for tracking menstrual cycles. The app's HTML includes a form to add a period cycle start and end dates. The JavaScript app functionality sorts the dates and saves thems to local storage. It also displays the dates retrieved from local storage below the form. The app includes a manifest file with three icons, color scheme, etc. The app also includes a service worker to handle asset caching.

* [a2hs](a2hs): An example set up to show how Add to home screen (A2HS) works. [See it live here](https://mdn.github.io/pwa-examples/a2hs/). This includes an icon and [manifest file](a2hs/manifest.webmanifest) for allowing the app to be added to home screen, and a [simple service worker](a2hs/sw.js) for making the site work offline.

* [js13kpwa](js13kpwa): A list of A-Frame entries submitted to the js13kGames 2017 competition, used as an example for the MDN articles about Progressive Web Apps. The js13kPWA have the App Shell structure, works offline with the Service Worker, is installable thanks to the Manifest file and Add to Homescreen feature, and is re-engageable by using Notifications and Push. [See it live here](https://mdn.github.io/pwa-examples/js13kpwa/).