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 them 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.
-
Custom titlebar demo: A basic demo that shows how to create a custom draggable app titlebar using window controls overlay features such as
titlebar-area-*env()variables and thewindow-dragproperty. See it live here.