React PWA example

manifest.json

{
  "short_name": "My App // Should be <= 12 characters. Appears on the home screen once installed ",
  "name": "My App // Must be <= 45 characters. Appears in places with more space (install dialogs, etc.)",
  "icons": [{
    "src": "images/splashIcon.png // Android: Requires a PNG at least 512x512 for your startup screen. This is used along with your app name (above) and background color (below) to generate a splash screen. Learn more: https://developers.google.com/web/fundamentals/web-app-manifest/#add_a_splash_screen",
    "sizes": "512x512",
    "type": "image/png"
  }, {
    "src": "images/appIcon.png // Android requires a PNG at least 192x192 for your home screen icon",
    "sizes": "192x192",
    "type": "image/png"
  }],
  "start_url": ". // The path in your app where the user should start",
  "display": "standalone // Can be 'fullscreen' (no status bar), 'standalone' (has a status bar), or 'browser' (opens inside the default browser)",
  "theme_color": "#32324B // Should match the color in your theme-color meta tag since that value will override this once the page loads",
  "background_color": "#32324B // Android: Background color of your splash screen"
}