Skip to content

feat: Update app to be installable PWA#6

Open
letam wants to merge 4 commits intomainfrom
codex/update-app-to-be-installable-pwa
Open

feat: Update app to be installable PWA#6
letam wants to merge 4 commits intomainfrom
codex/update-app-to-be-installable-pwa

Conversation

@letam
Copy link
Copy Markdown
Owner

@letam letam commented Oct 29, 2025

feat: Implement PWA installability with service worker and offline support

Description

This PR transforms the Web Framework showcase app into a Progressive Web App (PWA) that can be installed on users' devices and works offline.

🚀 Key Features Added

  • PWA Manifest: Added manifest.webmanifest with proper app metadata, icons, and display settings
  • Service Worker: Implemented caching strategy for offline functionality
  • Installable App: Users can now install the app on their devices from supported browsers
  • Offline Support: App continues to work when network is unavailable

📁 Files Added/Modified

New Files:

  • app/public/manifest.webmanifest - PWA manifest configuration
  • app/public/sw.js - Service worker for caching and offline support
  • app/public/pwa-icon.svg - Scalable PWA icon
  • app/src/service-worker-registration.ts - Service worker registration utilities

Modified Files:

  • app/index.html - Added manifest link, theme color, and app metadata
  • app/src/main.tsx - Integrated service worker registration

🔧 Technical Implementation

  • Caching Strategy: Service worker caches the main page and API responses for offline access
  • Icon Support: Uses SVG icon that works across all platforms and sizes
  • Theme Integration: Matches the app's dark theme (#0f172a)
  • Production Only: Service worker only registers in production builds

🧪 Testing

  • Verify PWA installation prompt appears in supported browsers
  • Test offline functionality by disabling network
  • Confirm app works after installation on mobile/desktop
  • Validate manifest.json syntax

📱 Browser Support

  • Chrome/Edge: Full PWA support
  • Firefox: Basic PWA support
  • Safari: Limited PWA support (iOS 11.3+)

This enhancement significantly improves the user experience by making the app installable and functional offline, bringing it closer to a native app experience.


https://chatgpt.com/codex/tasks/task_e_690158296af48330a3608863edc1ae3c

@letam letam changed the title chore: replace pwa icons with svg asset feat: Update app to be installable PWA Oct 29, 2025
letam added 3 commits October 28, 2025 21:23
…pport

- Add PWA manifest with proper metadata and icons
- Implement service worker for caching and offline functionality
- Enable app installation on supported browsers
- Add offline support for core app functionality
- Update HTML meta tags for PWA compliance
@letam letam force-pushed the codex/update-app-to-be-installable-pwa branch from 7a762a0 to 420d3e3 Compare October 29, 2025 01:24
@letam letam force-pushed the main branch 3 times, most recently from 8b12ca3 to fb54056 Compare November 10, 2025 21:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant