Skip to content

Latest commit

 

History

History
75 lines (47 loc) · 1.69 KB

README.md

File metadata and controls

75 lines (47 loc) · 1.69 KB
Raw

Path to PWA codelab code resources

The code resources are split in three stages that are meant to be followed in order.

All examples are using the Workbox library for easy implementation and readability.

Stages

  1. Stage 1 - Installable

    Create a basic PWA that is installable and can be added to the homescreen

  2. Stage 2 - Cached

    Add basic runtime caching to the PWA

  3. Stage 3 - Offline

    Add a basic offline page to the PWA

Demo of final PWA (stage 3)

  1. Stage 4 - Push notifications

    Add a basic push notification to the PWA. This step cannot be served as part of the demo, as it requires a public API key from a push server such as this one.

Run (optional)

  1. Clone this repository

    git clone https://github.com/charisTheo/path-to-pwa.git && cd path-to-pwa/

  2. Install dependencies

    npm install

  3. Run a web server at the project root

    npm start

    OR

    • Run a web server for Stage 1

      npm run stage:1

    • Run a web server for Stage 2

      npm run stage:2

    • Run a web server for Stage 3

      npm run stage:3

The app icons were generated using the following graphics from Twitter Twemoji: