1. What is a Progressive Web App (PWA)?
A Progressive Web App (PWA) uses modern web capabilities to deliver an app-like user experience. PWAs can be installed directly onto a student's desktop or smartphone home screen, launch without browser URL bars, and function seamlessly even when offline.
2. The Web App Manifest (manifest.json)
The manifest file is a JSON document detailing application name, icons, and display parameters:
{
"name": "Online CBT Examination Portal",
"short_name": "OnlineCBT",
"start_url": "/dashboard",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#1e3a8a",
"icons": [
{
"src": "/assets/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
3. Linking the Manifest in HTML