From dde0e3f20873835fdc1737ff04e2d8fbaa90e37a Mon Sep 17 00:00:00 2001 From: "Michael S. Hoffman" Date: Fri, 18 Jul 2025 09:35:14 -0700 Subject: [PATCH 1/3] flag demos to add --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 1a26eca..60d5dcd 100644 --- a/README.md +++ b/README.md @@ -81,6 +81,9 @@ See also: #### Progressive Web Apps (PWAs) + + + | Demo name | Description | Repo directory | Live demo page | |:---|:---|:---|:---| | 1DIV | A CSS sandbox PWA that demonstrates the Window Controls Overlay feature. | [/1DIV/](https://github.com/MicrosoftEdge/Demos/tree/main/1DIV) | [1DIV](https://microsoftedge.github.io/Demos/1DIV/dist/) | From acd2ed6c43e22b784880f9fe00942f88c34e5a69 Mon Sep 17 00:00:00 2001 From: "Michael S. Hoffman" Date: Fri, 18 Jul 2025 09:46:38 -0700 Subject: [PATCH 2/3] add two rows --- README.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 60d5dcd..3168832 100644 --- a/README.md +++ b/README.md @@ -81,18 +81,19 @@ See also: #### Progressive Web Apps (PWAs) - - + | Demo name | Description | Repo directory | Live demo page | |:---|:---|:---|:---| | 1DIV | A CSS sandbox PWA that demonstrates the Window Controls Overlay feature. | [/1DIV/](https://github.com/MicrosoftEdge/Demos/tree/main/1DIV) | [1DIV](https://microsoftedge.github.io/Demos/1DIV/dist/) | | Email client | A simulated email client PWA that demonstrates how to use PWA protocol handlers. | [/email-client/](https://github.com/MicrosoftEdge/Demos/tree/main/email-client) | [Email inbox](https://microsoftedge.github.io/Demos/email-client/) | -| PWAmp | A music player PWA demo to play local audio files. | [/pwamp/](https://github.com/MicrosoftEdge/Demos/tree/main/pwamp) | [pwamp](https://microsoftedge.github.io/Demos/pwamp/) | -| wami | An image manipulation demo app to crop, resize, or add effects to images. | [/wami/](https://github.com/MicrosoftEdge/Demos/tree/main/wami) | [wami](https://microsoftedge.github.io/Demos/wami/) | -| Temperature converter | A simple PWA demo app that converts temperatures. Used for [Get started with Progressive Web Apps](https://learn.microsoft.com/microsoft-edge/progressive-web-apps/how-to/). | [/pwa-getting-started/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-getting-started) | [Temperature converter](https://microsoftedge.github.io/Demos/pwa-getting-started/) | +| My Movie List PWA | This simple PWA demo lets you search for made up movies and store them locally. | [/movies-db-pwa/](https://github.com/captainbrosset/movies-db-pwa/) | [My Movie List PWA](https://quirky-rosalind-ac1e65.netlify.app/) | +| My Tracks | Visualizes GPS tracks (`*.gpx` files) on a map. | [/mytracks/](https://github.com/captainbrosset/mytracks/) | [My Tracks](https://captainbrosset.github.io/mytracks/) | | Application Title Meta Tag | A demo web app to showcase the `application-title` meta tag. | [/pwa-application-title/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-application-title) | [application-title](https://microsoftedge.github.io/Demos/pwa-application-title/) | +| Temperature converter | A simple PWA demo app that converts temperatures. Used for [Get started with Progressive Web Apps](https://learn.microsoft.com/microsoft-edge/progressive-web-apps/how-to/). | [/pwa-getting-started/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-getting-started) | [Temperature converter](https://microsoftedge.github.io/Demos/pwa-getting-started/) | | Edge demos | A demo web app to showcase `Web Install API` and `CSS Masonry`. | [/pwa-pwastore/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-pwastore) | [pwa-pwastore](https://microsoftedge.github.io/Demos/pwa-pwastore/) | +| PWAmp | A music player PWA demo to play local audio files. | [/pwamp/](https://github.com/MicrosoftEdge/Demos/tree/main/pwamp) | [pwamp](https://microsoftedge.github.io/Demos/pwamp/) | +| wami | An image manipulation demo app to crop, resize, or add effects to images. | [/wami/](https://github.com/MicrosoftEdge/Demos/tree/main/wami) | [wami](https://microsoftedge.github.io/Demos/wami/) | #### Cross-browser API samples From bc7b87cab2666d6cfaf4c7afcdd34d99de3cd3c3 Mon Sep 17 00:00:00 2001 From: "Michael S. Hoffman" Date: Fri, 18 Jul 2025 13:25:43 -0700 Subject: [PATCH 3/3] rename as PWA installer --- README.md | 31 ++++++++++++++++++++++--------- 1 file changed, 22 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 3168832..bab8b53 100644 --- a/README.md +++ b/README.md @@ -80,20 +80,33 @@ See also: #### Progressive Web Apps (PWAs) + + | Demo name | Description | Repo directory | Live demo page | |:---|:---|:---|:---| -| 1DIV | A CSS sandbox PWA that demonstrates the Window Controls Overlay feature. | [/1DIV/](https://github.com/MicrosoftEdge/Demos/tree/main/1DIV) | [1DIV](https://microsoftedge.github.io/Demos/1DIV/dist/) | -| Email client | A simulated email client PWA that demonstrates how to use PWA protocol handlers. | [/email-client/](https://github.com/MicrosoftEdge/Demos/tree/main/email-client) | [Email inbox](https://microsoftedge.github.io/Demos/email-client/) | -| My Movie List PWA | This simple PWA demo lets you search for made up movies and store them locally. | [/movies-db-pwa/](https://github.com/captainbrosset/movies-db-pwa/) | [My Movie List PWA](https://quirky-rosalind-ac1e65.netlify.app/) | -| My Tracks | Visualizes GPS tracks (`*.gpx` files) on a map. | [/mytracks/](https://github.com/captainbrosset/mytracks/) | [My Tracks](https://captainbrosset.github.io/mytracks/) | -| Application Title Meta Tag | A demo web app to showcase the `application-title` meta tag. | [/pwa-application-title/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-application-title) | [application-title](https://microsoftedge.github.io/Demos/pwa-application-title/) | -| Temperature converter | A simple PWA demo app that converts temperatures. Used for [Get started with Progressive Web Apps](https://learn.microsoft.com/microsoft-edge/progressive-web-apps/how-to/). | [/pwa-getting-started/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-getting-started) | [Temperature converter](https://microsoftedge.github.io/Demos/pwa-getting-started/) | -| Edge demos | A demo web app to showcase `Web Install API` and `CSS Masonry`. | [/pwa-pwastore/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-pwastore) | [pwa-pwastore](https://microsoftedge.github.io/Demos/pwa-pwastore/) | -| PWAmp | A music player PWA demo to play local audio files. | [/pwamp/](https://github.com/MicrosoftEdge/Demos/tree/main/pwamp) | [pwamp](https://microsoftedge.github.io/Demos/pwamp/) | -| wami | An image manipulation demo app to crop, resize, or add effects to images. | [/wami/](https://github.com/MicrosoftEdge/Demos/tree/main/wami) | [wami](https://microsoftedge.github.io/Demos/wami/) | +| 1DIV | A CSS sandbox app that demonstrates the Window Controls Overlay feature. | [/1DIV/](https://github.com/MicrosoftEdge/Demos/tree/main/1DIV) | [1DIV](https://microsoftedge.github.io/Demos/1DIV/dist/) | +| Email client | A simulated email client that demonstrates how to use PWA protocol handlers. | [/email-client/](https://github.com/MicrosoftEdge/Demos/tree/main/email-client) | [Email inbox](https://microsoftedge.github.io/Demos/email-client/) | +| My Movie List | Lets you search for made-up movies and store them locally. | [/movies-db-pwa/](https://github.com/captainbrosset/movies-db-pwa/) | [My Movie List](https://quirky-rosalind-ac1e65.netlify.app/) | +| My Tracks | Visualizes GPS tracks (`*.gpx` files) on a map. | [/mytracks/](https://github.com/captainbrosset/mytracks/) | [My Tracks](https://captainbrosset.github.io/mytracks/) | +| Application Title Meta Tag | Showcases the `application-title` meta tag. | [/pwa-application-title/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-application-title) | [application-title](https://microsoftedge.github.io/Demos/pwa-application-title/) | +| Temperature converter | Converts temperatures. Used for [Get started with Progressive Web Apps](https://learn.microsoft.com/microsoft-edge/progressive-web-apps/how-to/). | [/pwa-getting-started/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-getting-started) | [Temperature converter](https://microsoftedge.github.io/Demos/pwa-getting-started/) | +| PWA installer | Showcases `Web Install API` and `CSS Masonry`. | [/pwa-pwastore/](https://github.com/MicrosoftEdge/Demos/tree/main/pwa-pwastore) | [pwa-pwastore](https://microsoftedge.github.io/Demos/pwa-pwastore/) | +| PWAmp | A music player that plays local audio files. | [/pwamp/](https://github.com/MicrosoftEdge/Demos/tree/main/pwamp) | [pwamp](https://microsoftedge.github.io/Demos/pwamp/) | +| wami | An image manipulation app to crop, resize, or add effects to images. | [/wami/](https://github.com/MicrosoftEdge/Demos/tree/main/wami) | [wami](https://microsoftedge.github.io/Demos/wami/) | + +See also: +* [Progressive Web App demos](https://learn.microsoft.com/microsoft-edge/progressive-web-apps/demo-pwas) + #### Cross-browser API samples