Building a Progressive Web App

Objective

You will create a color conversion web app using the following:

  • One UI CSS: the library to make your app responsive and cross-platform

  • Service Workers to provide offline features

  • Web Manifest, in order to make your web app installable

We suggest to use PWA builder in order to create the required files and check the status of your app.

Overview

Progressive web applications are a type of mobile app delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. They are intended to work on any platform that uses a standards-compliant browser. Some features that belong to PWA are:

  • Responsive

  • Connectivity independent

  • App-like

  • Safe

  • Installable: Users could add an icon for the app to their home screen.

  • Linkable: The app could be shared easily, and accessed without having to download and install an app.