PWA Tutorial for Beginners #30 - Testing the App

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[veronikasukhot]

These tutorials are explained in a very professional way! Great job!

[sudarshankoirala]

great PWA tutorial Shaun ..thank you for your contribution

[cwcfunclock]

Can push notification be done while using MySql database?

[abhijeetnandvikar]

Bro you are awesome, Thank you for making these tutorials.

[joshuakosamu]

Thank you so much! I'm now a beginner expert @ PWAs!

[harshareddy]

if i add recipe offline and close the app it is not updating even i turn on the internet, until i open the app again, is there any why to update data even though app is closed?

[newnam]

The only issue I had here, that might be worth slipping a video in for - I couldn't get node to work right without adding the C:\Program File\nodejs path to my user variables (Control Panel\System and Security\System > Advanced System Settings > Environment Variables > User Variables), then restart. This came up because it wasn't recognizing node is a command, so node -v wouldn't work. Done, and fixed and working now - but steered me away for about 20 minutes.

[jriks_]

could the app version, upload to google Play Store?

[andresm]

excelent videos, How do you compile the app to be install on android or iphones devices, and get connected to the firebase uploaded, there is a way to wrap it up?

[derekchan]

Hi Shaun, thank you so so much for another great tutorial. I've ran into just one small problem on Andriod (tried it on a few phones). Cache works fine on the Chrome browser. But if I open the app using the shortcut after the installation of the app, I cannot get any recipes after I go offline The other 2 pages About and Contact works fine. I will need to switch internet connection on again before I get the recipe. Do you have any idea why this is happening or what I can do to fix this?
Regards
Derek

[zoolfadhlie]

Hi Shaun.. Thanks for your great video series.
If for example in your recipe app example. If I want user to be able to click the recipe and show another page that explains the step by step guide on how to cook the recipe, how do i achieve this dynamically? How to make the step by step page shows content based on which recipe the user click?

[ridl]

Hey Shaun, a typo is here in the title) and thank you, great one series!

[carlswanson]

Thanks so much Shaun! Super informative series.


On iOS, I am able to add the PWA to my home screen (Share -> Add to Home Screen), which is really cool to see. There's just one problem...
Unfortunately, the menu button for the right slide-in nav menu doesn't respond on either the PWA or the webpage (Safari/Chrome/Firefox all have same issue). Everything else seems to work though! I realize this bug may be outside the scope of this particular series, but thought I'd ask anyway: Do you/anyone have an idea how to resolve that button/nav issue on iOS?

[derekchan]

BTW, I think you'll get your million subscribers soon with the current rate :)

[ALucidThomas]

I have an issue with the side-menu sidenav trigger on iOS/Safari. I have tried putting the trigger class both directly on the menu icon (as in tutorial), and wrapping the icon in an anchor tag with the trigger class. Both versions work on desktop/Chrome, and on the Android emulator, but NEITHER version works on iOS/Safari. Has anyone had any similar issues with sidenavs and iOS/Safari? Also of note: The side-form side-nav is working just fine on Desktop/Chrome, the Android emulator, AND even works on iOS/Safari. The only discernible difference is that the side-menu icon sidenav trigger which is NOT working, is in a top nav, nav wrapper, where-as the one that is working on all devices is attached to the add icon/button lower on the page. My brain is exploding, please help!

[justingolden]

Is nobody gonna tell him that there's a typo in the title?...

[StijnHommes]

The "app" is "installed" to the wrong place. Apps should go in the app screen by default, not the homescreen. Also, this fake app is just optimized for one phone emulator. It doesn't make optimal use of the screen on desktop devices.