• Stars
    star
    163
  • Rank 231,141 (Top 5 %)
  • Language
    TypeScript
  • Created over 7 years ago
  • Updated almost 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Angular Progressive Web App using Workbox

A simple app for the PWA Workshop

Prerequisites

  1. Latest stable versions of node, npm installed.
  2. Static web server with SPA support:
  • serve. Recommended and pre-configured.
  • superstatic. Use this as a fallback option.

Installation

  1. Clone the repo
git clone [email protected]:webmaxru/pwatter.git
  1. Make sure you are on "workbox" branch:
git checkout workbox
  1. Install dependencies:
npm install
  1. Install "serve" dev webserver:
npm install serve -g
  1. Run the server inside "pwatter" directory:
serve
  1. Install Workbox CLI:
npm install workbox-cli --global
  1. Open the browser:
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:

npm install serve
node_modules/.bin/serve

More Repositories

1

progressive-web-apps-logo

Progressive Web Apps logo. Feel free to use it! #PWALogo
298
star
2

pwa-workshop-angular

Demo App for Angular Mobile Toolkit workshop
TypeScript
40
star
3

bpm-counter

BPM Techno - Free Online Real-Time BPM Counter for DJ
JavaScript
39
star
4

pwa-workshop-api

Simple Node app to serve API + Web Push for PWA Workshop
JavaScript
24
star
5

progressive-web-conf

Gathering interest to organizing Progressive Web Conf
23
star
6

nextjs-azure-container-apps-starter

JavaScript
20
star
7

prog-web-news

A demo application for "Automating a service worker with Workbox 6" tech talk
TypeScript
18
star
8

pwa-guide-ngpoland

Demo app for ngPoland Warsaw "Progressive Web Apps using the Angular Mobile Toolkit" workshop
JavaScript
18
star
9

angular-neo4j

Neo4j Bolt driver wrapper for Angular
JavaScript
18
star
10

push.foo

Push.Foo - Web Push API Playground
JavaScript
17
star
11

android-things-workshop

Prerequisites and flow for the mini-workshop on Android Things using NXP i.MX7D Starter Kit
13
star
12

enterprompt

Enterprise Prompting Demo
JavaScript
11
star
13

angular-pwa

Demo app for Progressive Web Apps workshop
TypeScript
11
star
14

futureApp

Demo app for AngularCamp at Barselona 31.01.2016
TypeScript
8
star
15

pwa-for-production

Demo app for Smashing TV "PWA For Production In 1-2-3" course
JavaScript
7
star
16

background-fetch

Demo code for Background Fetch article
JavaScript
7
star
17

ngrx-store-demo

Demo app for Angular UP "Reactive State Management For Your Angular App" talk 25.07.2017
TypeScript
7
star
18

node-red-contrib-web-push

A Node-RED node for sending Web Push notifications using VAPID
HTML
6
star
19

PraiseGPT

PraiseGPT - Praise your colleagues on a large scale!
JavaScript
6
star
20

angularmaterial2-guide-angularcamp

Demo app for AngularCamp Barcelona "Angular Material 2: Reward your app with high-quality UI in minutes" talk 01.07.2016 http://angularcamp.org/schedule/#session-2
TypeScript
5
star
21

prompt-engineering-logo

Logo for the Prompt Engineering as a discipline
5
star
22

angular-perf

Demo project for Angular Performance session given at AmsterdamJS
TypeScript
4
star
23

tour-of-stylish-heroes

Demo app for Angular Material workshop given at Angular Summit, Boston, 2017
TypeScript
4
star
24

ms-learn-utilities

Set of tools to provide better experience for the learners and educators on MS Learn
JavaScript
4
star
25

agl-hvac

Demo app for Automotive Grade Linux
TypeScript
3
star
26

swa-angular

Demo for Azure Static Web App service
TypeScript
3
star
27

angular2-quickstart

Angular 2 Quickstart - the repo was created before the official one appeared
HTML
3
star
28

angularmaterial2-guide-javazone

Demo app for Javazone "Angular Material 2: Reward your app with high-quality UI in minutes" talk 08.09.2016
TypeScript
3
star
29

angular2-guide-mallorcajs

TypeScript
2
star
30

mqtt-websockets-angular-pwa

JavaScript
2
star
31

ngIO16

Real-time messaging Progressive Web App for Google IO 2016 (Angular Mobile Toolkit + AngularFire2 + Angular Material 2)
TypeScript
2
star
32

webmax.ru

SCSS
1
star
33

progressive-web-news

Helper repo for Progressive Web podcast
1
star
34

DROP

D.R.O.P. (DJ's Real-time Operations Protocol) is a domain-specific language (DSL) to describe and automate the mixing of multiple tracks in real-time
1
star
35

a

TypeScript
1
star
36

microsoft-at-event

Useful resources and challenges with prizes for the conference participants
1
star
37

angularmaterial-workshop

TypeScript
1
star
38

webmaxru

About me
1
star
39

futureApp2

Demo app for Angular Oslo Meetup at Oslo 24.02.2016
TypeScript
1
star
40

angular2-guide-devoxx

Demo app for Devoxx Poland "Getting started with Angular2" talk 23.06.2016 http://cfp.devoxx.pl/2016/talk/LTE-2813/Getting_started_with_Angular2
TypeScript
1
star
41

angular2-guide

Demo app for RigaDevDay at Riga 03.03.2016
TypeScript
1
star
42

azure-static-web-apps-demo

Azure Static Web Apps service demo
JavaScript
1
star
43

pwa-on-swa

A demo project for #30DaysOfSWA
JavaScript
1
star
44

AcronymExpert

Action for Google Assistant to find the meanings of acronyms
JavaScript
1
star
45

azure-function-generate-badge

Azure Function to generate a digital namebadge
JavaScript
1
star
46

pwa-workshop

Front-end part for PWA Workshop
TypeScript
1
star
47

angular-basic

TypeScript
1
star