marcushellberg/alternative-news

Simple PWA example

Online demo can be found on https://marcushellberg.github.io/alternative-news

Running locally

Serve folder with your server of choice. For instance npm install -g serve.

alternative-news's Issues

updateNewsSources not fetching

I thought this lesson would be great for a low level intro into PWAs. However, as others have discovered, the updateNewsSources code does not generate anything - the select remains empty. What I can't get is why the updateNews section works but the above does not - even though they are of substantially the same structure. On the YouTube video it does apparently work. Unfortunately, I can't replicate that. Has anyone actually changed the code to make the 'sources' dropdown work?

Failed to fetch data

Error : Cannot read property map of undefiend!

i think it is the invalid API key issue. Am I right ?

Your live site also have the same error.

Your alternative-news site fails to load.

I tried opening up your site

https://marcushellberg.github.io/alternative-news/

It seems your news key was invalidated.

https://newsapi.org/v2/sources?apiKey=6f4fa5447bb24a2687edecc4c1df43b4

TypeError: Failed to fetch

Uncaught (in promise) TypeError: Failed to fetch. When cache.Addall(staticAssets);

demo works?

https://marcushellberg.github.io/alternative-news/

online demo does not seem to work, sources empty and no content? idk

Uncaught (in promise) TypeError: Cannot read property 'map' of undefined at updateNewsSources (app.js:28)

GET https://newsapi.org/v2/sources?apiKey=6f4fa5447bb24a2687edecc4c1df43b4 401 (Unauthorized) updateNewsSources @ app.js:24 window.addEventListener.e @ app.js:15 marcushellberg.github.io/:1 Failed to load https://newsapi.org/v2/sources?apiKey=6f4fa5447bb24a2687edecc4c1df43b4: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://marcushellberg.github.io' is therefore not allowed access. The response had HTTP status code 401. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. marcushellberg.github.io/:1 Uncaught (in promise) TypeError: Failed to fetch Promise.then (async) window.addEventListener.e @ app.js:15

thanks

Not working on localhost

Hi,
I cloned the repo after watching your YouTube video about PWA.
It doesn't work on localhost and just gives a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error.

It was a great video. Thanks for that. :D