All Projects β†’ webmaxru β†’ Pwatter

webmaxru / Pwatter

Angular Progressive Web App using Workbox

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Pwatter

jekyll-pwa-workbox
A Jekyll plugin using Workbox to make your PWA / Website available offline.
Stars: ✭ 22 (-86.83%)
Mutual labels:  pwa, service-worker, progressive-web-app, workbox
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-73.05%)
Mutual labels:  push-notifications, pwa, progressive-web-app, service-worker
Ionic Pwa
πŸš€ Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-47.9%)
Mutual labels:  push-notifications, pwa, progressive-web-app, service-worker
Jfa Pwa Toolkit
⚑️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (+46.71%)
Mutual labels:  push-notifications, pwa, progressive-web-app, service-worker
Next Pwa
Zero config PWA plugin for Next.js, with workbox 🧰
Stars: ✭ 909 (+444.31%)
Mutual labels:  pwa, service-worker, workbox
Fuel Price
β›½ Check fuel prices daily in most of the states in India
Stars: ✭ 20 (-88.02%)
Mutual labels:  push-notifications, pwa, progressive-web-app
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-25.75%)
Mutual labels:  pwa, progressive-web-app, service-worker
Parcel Plugin Sw Cache
πŸ“¦πŸ‘· Parcel plugin for caching using a service worker
Stars: ✭ 45 (-73.05%)
Mutual labels:  progressive-web-app, service-worker, workbox
Pwa
Progressive Web Apps for Rails
Stars: ✭ 133 (-20.36%)
Mutual labels:  pwa, progressive-web-app, service-worker
Monitaure
πŸ”” A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (-19.16%)
Mutual labels:  pwa, progressive-web-app, service-worker
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-56.29%)
Mutual labels:  pwa, progressive-web-app, service-worker
Pwastats
A directory of Progressive Web App case studies.
Stars: ✭ 88 (-47.31%)
Mutual labels:  push-notifications, pwa, service-worker
Demo Progressive Web App
πŸŽ‰ A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (+377.84%)
Mutual labels:  push-notifications, pwa, progressive-web-app
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+298.2%)
Mutual labels:  pwa, progressive-web-app, service-worker
Elm Hn Pwa
Hacker News as a PWA built with Elm
Stars: ✭ 43 (-74.25%)
Mutual labels:  pwa, service-worker, workbox
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+2760.48%)
Mutual labels:  pwa, progressive-web-app, service-worker
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+2561.08%)
Mutual labels:  pwa, progressive-web-app, service-worker
Next Offline
make your Next.js application work offline using service workers via Google's workbox
Stars: ✭ 1,306 (+682.04%)
Mutual labels:  pwa, service-worker, workbox
Super Progressive Web Apps
SuperPWA helps to convert your WordPress website into Progressive Web Apps instantly. PWA (Progressive Web Apps) demo at : https://superpwa.com and Plugin :
Stars: ✭ 304 (+82.04%)
Mutual labels:  pwa, progressive-web-app, service-worker
Pwa Book Cn
η¬¬δΈ€ζœ¬ PWA δΈ­ζ–‡δΉ¦
Stars: ✭ 3,498 (+1994.61%)
Mutual labels:  pwa, progressive-web-app, service-worker

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].