Progressive Web App (PWA) Implementation

Help me convert my web app into a Progressive Web App.

Current app: [DESCRIBE]
Framework: [REACT / VUE / VANILLA / NEXT.JS / OTHER]

Key PWA features: [OFFLINE / PUSH NOTIFICATIONS / INSTALL / ALL]

Provide:
1. **Manifest File**: Creating the web app manifest with all required fields
2. **Service Worker**: Registering and configuring a service worker
3. **Caching Strategy**: What to cache and which caching strategy to use
4. **Offline Support**: Making key features work without internet
5. **Install Prompt**: Triggering the "Add to Home Screen" prompt
6. **Push Notifications**: Setting up web push notifications
7. **App Shell**: Designing the app shell for instant loading
8. **Icons & Splash**: Generating icons and splash screens for all devices
9. **Performance Audit**: Using Lighthouse to verify PWA readiness
10. **Testing**: Testing PWA features across browsers and devices

Help me convert my web app into a Progressive Web App.

Current app: [DESCRIBE]
Framework: [REACT / VUE / VANILLA / NEXT.JS / OTHER]
Key PWA features: [OFFLINE / PUSH NOTIFICATIONS / INSTALL / ALL]

Provide:
1. **Manifest File**: Creating the web app manifest with all required fields
2. **Service Worker**: Registering and configuring a service worker
3. **Caching Strategy**: What to cache and which caching strategy to use
4. **Offline Support**: Making key features work without internet
5. **Install Prompt**: Triggering the "Add to Home Screen" prompt
6. **Push Notifications**: Setting up web push notifications
7. **App Shell**: Designing the app shell for instant loading
8. **Icons & Splash**: Generating icons and splash screens for all devices
9. **Performance Audit**: Using Lighthouse to verify PWA readiness
10. **Testing**: Testing PWA features across browsers and devices