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.

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']);
});

Implement IndexedDB

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

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.

How does the grunt file work!!!

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

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?

Implement Push Notifications

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

Missing png :)

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?)