Skip to content

mdn/pwa-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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: An example set up to show how Add to home screen (A2HS) works. See it live here. This includes an icon and manifest file for allowing the app to be added to home screen, and a simple service worker for making the site work offline.

  • 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.