Giter Club home page Giter Club logo

hello-pwa's Introduction

Hello PWA

The classic Hello World program as a Progressive Web App

Hello World Screenshot

What It Is

A simple PWA demo that displays the text "Hello, World!" utilizing an app manifest, service workers and caching. This demo is written in plain-vanilla HTML, CSS and Javascript (ES6). It has no dependencies.

I've also written a tutorial to go along with the code. Read it on Medium:

https://medium.com/james-johnson/a-simple-progressive-web-app-tutorial-f9708e5f2605

Demo

https://jamesjohnson280.github.io/hello-pwa/

Browser Compatibility

Hello PWA has been tested in the following browsers:

  • Chrome 67 (Windows and Android)
  • Firefox 60
  • Safari 11
  • Edge 42

hello-pwa's People

Contributors

jamesjohnson280 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hello-pwa's Issues

谷歌浏览器不提示安装按钮

你好,我克隆了一份代码,运行以后,在谷歌浏览器上不提示安装,请问是什么问题了?service worker已经注册。

GET manifest.json 404 error

Hi,

I was trying your code on github. I got the error GET manifest.json 404 error. How to resolve the path issue. It is taking path relative to github.io and not as github.io/"repo_name". Please let me know how to solve this.

--
Thanks & Regards,
Vijay

Strange errors

I literally followed EVERY step of the guide and used the files from here. When I try and use the code on Firefox I discover that the:
if ('serviceWorker' in navigator) {
evaluates as false.

On chrome it seems to work but:
Uncaught (in promise) TypeError: Failed to register a ServiceWorker for scope ('https://redacted.buzz/pwa/') with script ('https://redacted.buzz/pwa/sw.js'): An unknown error occurred when fetching the script. I see this error by using the "console" and adding a console.log(e)

The domain name is not really "redacted", I can provide the real one if we need it.

What is interesting is that when I look at the apache logs on the server I see NO attempt to get the sw.js file at all

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.