https://github.com/webmaxru/pwatter

Angular Progressive Web App using Workbox
https://github.com/webmaxru/pwatter

angular background-sync progressive-web-app push-notifications pwa service-worker workbox

Last synced: 2 months ago
JSON representation

Angular Progressive Web App using Workbox

• Host: GitHub
• URL: https://github.com/webmaxru/pwatter
• Owner: webmaxru
• Created: 2017-08-26T00:20:58.000Z (over 7 years ago)
• Default Branch: workbox
• Last Pushed: 2019-01-22T09:50:31.000Z (about 6 years ago)
• Last Synced: 2024-11-28T14:18:10.716Z (2 months ago)
• Topics: angular, background-sync, progressive-web-app, push-notifications, pwa, service-worker, workbox
• Language: TypeScript
• Homepage: https://workbox-workshop.firebaseapp.com
• Size: 3.32 MB
• Stars: 163
• Watchers: 20
• Forks: 30
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A simple app for the PWA Workshop

## Prerequisites

1. Latest stable versions of `node`, `npm` installed.

2. Static web server with SPA support:

- [serve](https://www.npmjs.com/package/serve). Recommended and pre-configured.

- [superstatic](https://www.npmjs.com/package/superstatic). Use this as a fallback option.

## Installation

1. Clone the repo

```bash

git clone [email protected]:webmaxru/pwatter.git

```

2. Make sure you are on "workbox" branch:

```bash

git checkout workbox

```

3. Install dependencies:

```bash

npm install

```

4. Install "serve" dev webserver:

```bash 

npm install serve -g

```

5. Run the server inside "pwatter" directory:

```bash

serve

```

6. Install Workbox CLI:

```bash

npm install workbox-cli --global

```

7. Open the browser:

```bash

http://localhost:5000/ 

```

You should see the page with `PWAtter` header.

## We are ready to start the workshop! Follow the trainer instructions.

If for some reasons global npm package installation is not an option for you, you can install and run "serve" locally:

```bash

npm install serve

node_modules/.bin/serve

```