incredibleweb/pwa-tutorial

A demo application that serves as a tutorial for Progressive Web Applications

pwa-tutorial's Issues

Connect to a real-world API

To make the demo more relevant, it would be greatly improved if we could connect our demo application to a real world API provided by an airline or airport.

Implement Push Notifications

Allow users to subscribe to a flight and implement push notifications when the flight status changes.

Implement IndexedDB

Implement IndexedDB using idb to store data offline when there is no connectivity.

How do I build/run the demo project?

Hi,
I cloned the project, and tried running it..
node app starts the server,
but it dont find the required JS file. at js/build/vendor.min.js and js/build/script.min.js.

So how to build and run the demo?

do not receive the banner

Hello!!! I did as described in your manual https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/ but for some reason I do not receive the setup banner are described in the manifest. I use github pages. I put everything in the project folder. Say what could be the problem I would be very grateful?)

build folder missing.

I cloned the repository to my local system and tried to execute the project then in console i am able to find that the build directory under demo/js is missing.

Please find attached screen shot.

I can able to get the files from
https://incredibleweb.github.io/pwa-tutorial/js/build/vendor.min.js
and
https://incredibleweb.github.io/pwa-tutorial/js/build/script.min.js

but these files were missing while getting clone of the repository.

After instalation bwSync always starts with this project

Issue details

BwSync always starts initialization in the directory of this pwa-tutirial. When i enter to the folder with my new project and i try to init gulp watch i see on the localhost:3000 - Sky-High Airport. How to change this issue?

Steps to reproduce/test case

It worked as usually well, bwSync started in current dir, where i was making my project, untill i installed grunt for watching this project: https://github.com/IncredibleWeb/pwa-tutorial, after instalation bwSync started initialization with page of this project.

Please specify which version of Browsersync, node and npm you're running

• Browsersync [ ]
• Node [ ]
• Npm [ ]

Affected platforms

• linux
• [* ] windows
• OS X
• freebsd
• solaris
• other (please specify which)

Browsersync use-case

• API
• [* ] Gulp
• Grunt
• CLI

If CLI, please paste the entire command below

gulp watch

for all other use-cases, (gulp, grunt etc), please show us exactly how you're using Browsersync

var config = {
src: './src',
}
gulp.task('bwSync', function(){
brwSync.init({
server: {
baseDir: config.src
}
});
});
gulp.task('watch', ['bwSync'], function(){
gulp.watch(config.src+config.html.src, ['html']);
gulp.watch(config.src+config.sass.src_scss, ['scss']);
gulp.watch(config.src+config.sass.src_sass, ['sass']);
gulp.watch(config.src+config.less.src, ['less']);
gulp.watch(config.src+config.js.src, ['js']);
});

How does the grunt file work!!!

I keep getting Task "default" not found, when I run grunt from the root folder. Please halp!!

Missing png :)