# Web App Manifest File — Progressive Web Apps

Source: https://www.geekswithgeeks.com/hi/pwa/pwa-manifest

> manifest.json बनाना सीखें जो browsers को बताता है कि आपके PWA को कैसे launch और display करना है।

## मुख्य विचार

**manifest.json** एक JSON file है जो आपके app को describe करती है: इसका नाम, icons, colors, start URL और display mode। Browsers इसे आपके PWA को install करने और launch experience को customize करने के लिए use करते हैं।

## Complete manifest example

यह manifest app name, multiple sizes पर icons, theme color और display mode को define करता है।

```json
{
  "name": "My Todo App",
  "short_name": "TodoApp",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#8f5cf6",
  "scope": "/",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}
```

Output:

```
Manifest configured for app installation with custom colors and icons.
```

## एक आम गलती

हमेशा कम से कम 192x192 और 512x512 icons प्रदान करें। Missing icons installation prompts को appear होने से रोकते हैं।

त्वरित जाँच

**Quiz:** manifest.json में 'display' field क्या control करता है?

- [x] Launch होने पर app कैसे appear करता है (fullscreen, standalone, minimal-ui, browser)
- [ ] Screen brightness और contrast
- [ ] कौन सी languages को support करना है

*Answer:* Launch होने पर app कैसे appear करता है (fullscreen, standalone, minimal-ui, browser). 'display' field installed app के UI को determine करता है—standalone इसे पूरी तरह native बनाता है।

## Real-world Manifest Patterns

Twitter Lite, Spotify और Pinterest से manifests को देखकर production patterns को समझें।