HTML5 Web APIs

Exercise: Progressive Web App

The newsreader web application displays the news headlines of a selected country
(requires an API key from GNews).

Convert the web application into a progressive web app. For the offline functionality use the following caching strategy:

• Get the static assets from the cache if possible, otherwise from the network (cache first).
• Get the news from the network if the device is online, otherwise from the cache (network first).
• Display placeholder news if the news of a country are not available.