pwa examples

PWA-Beispiele

Beispiele für progressive Web-Apps.

In diesem Repo haben wir derzeit:

• CycleTracker: Eine einfache App zur Verfolgung von Menstruationszyklen. Der HTML-Code der App enthält ein Formular zum Hinzufügen eines Start- und Enddatums für einen Periodenzyklus. Die JavaScript-App-Funktionalität sortiert die Daten und speichert sie im lokalen Speicher. Außerdem werden die aus dem lokalen Speicher abgerufenen Daten unterhalb des Formulars angezeigt. Die App enthält eine Manifestdatei mit drei Symbolen, Farbschema usw. Die App enthält außerdem einen Servicemitarbeiter für das Asset-Caching.

• a2hs: Ein Beispiel, das zeigt, wie „Zum Startbildschirm hinzufügen“ (A2HS) funktioniert. Sehen Sie es hier live. Dazu gehören ein Symbol und eine Manifestdatei, mit denen die App zum Startbildschirm hinzugefügt werden kann, sowie ein einfacher Servicemitarbeiter, mit dem die Website offline funktioniert.

• js13kpwa: Eine Liste der A-Frame-Einträge, die für den Wettbewerb js13kGames 2017 eingereicht wurden und als Beispiel für die MDN-Artikel über Progressive Web Apps dienen. Die js13kPWA haben die App-Shell-Struktur, arbeiten offline mit dem Service Worker, sind dank der Manifestdatei und der Funktion „Zum Homescreen hinzufügen“ installierbar und können mithilfe von Benachrichtigungen und Push wieder aktiviert werden. Sehen Sie es hier live.