Progressive Web Apps with React

Manifest properties

Let’s get to it! In your public/ folder, create a file called manifest.json, and then add an empty object. Each of the following will be a key-value pair of that object. We'll take a quick tour through each of the available properties:

• name: Your application's name. Simple!:

"name": "Chatastrophe",

• short_name: A human readable version of your application's name. This is for times when the full name won't fit, like on your user's home screen. If your app's name is "Why PWAs Are Great For Everyone", you can shorten it to "PWAs R Great" or something here:

“short_name”: “Chatastrophe”,

• icons: A list of icons for the user's device to use. We will just use our current logo, which is conveniently the maximum size needed ...