Rediger

Progressive Web App samples

The sample Progressive Web Apps (PWAs) show how to use features and APIs that can progressively enhance your app when installed on a device.

For overviews of most of the PWA samples, see Progressive Web Apps (PWAs) in the Readme for the "MicrosoftEdge / Demo" repo.

The first sample to use when getting started is the Temperature converter sample.

See the Readme file for a given sample. Some samples require setup and don't work if you just click the app's GitHub.io demo link.

The following samples are in a repo other than the "MicrosoftEdge / Demo" repo.

BPM Techno

BPM Techno analyzes audio via the device microphone and displays a real-time beats-per-minute (BPM) counter.

The BPM Techno app

Readme and source code, App.

This demo is in the webmaxru / bpm-counter repo.

BPM Techno uses the following features:

Feature Description Documentation
Shortcuts BPM Techno defines a shortcut that lets users upload an audio file in the app. Define app shortcuts (long-press or right-click menus)
File Handling BPM Techno natively handles *.mp3 files. Handle files in a PWA
Share Target Other apps can share audio files with BPM Techno, through the operating system sharing dialog. Receiving shared content
Protocol Handling The app handles web+bpm: URIs which can be used to send links to a song to be analyzed. Handle protocols in a PWA

Webboard

Webboard is a drawing application.

Webboard is a Progressive Web App for drawing and intelligent whiteboarding

Readme and source code, App.

This demo is in the pwa-builder / web-whiteboard repo.

Webboard uses the following features:

Feature Description Documentation
Web Share Drawings can be shared with other apps through the operating system sharing dialog. Sharing content

See also