coopcloud_code/projectmycelium_marketplace
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Progressive Web App (PWA) support for mobile #20

New issue
Closed
opened 2026-02-09 21:05:43 +00:00 by mik-tf · 1 comment
mik-tf commented 2026-02-09 21:05:43 +00:00
Owner
Copy link

Overview

The marketplace frontend is already responsive (Bootstrap 5 with 6 media query breakpoints), but lacks PWA capabilities for a native app-like mobile experience.

Current Mobile State

  • ✅ Responsive layouts with Bootstrap 5
  • ✅ Mobile sidebar toggle
  • ✅ Touch-friendly target sizes (44px minimum)
  • ❌ No service worker
  • ❌ No manifest.json
  • ❌ No offline support
  • ❌ No install prompt
  • ❌ No push notifications

Implementation Plan

  1. Create manifest.json with app metadata and icons
  2. Implement service worker for offline caching
  3. Add install prompt banner for mobile browsers
  4. Cache critical assets for offline browsing
  5. Add push notification infrastructure
  6. Test on iOS Safari and Android Chrome

Acceptance Criteria

  • App installable on iOS and Android
  • Lighthouse PWA score > 90
  • Offline browsing of cached pages works
  • Install prompt appears on mobile
  • App icons and splash screens configured

Dependencies

  • Independent of Phase 1 (can start early if desired)
  • Benefits from API-first architecture established in Phase 1
## Overview The marketplace frontend is already responsive (Bootstrap 5 with 6 media query breakpoints), but lacks PWA capabilities for a native app-like mobile experience. ## Current Mobile State - ✅ Responsive layouts with Bootstrap 5 - ✅ Mobile sidebar toggle - ✅ Touch-friendly target sizes (44px minimum) - ❌ No service worker - ❌ No manifest.json - ❌ No offline support - ❌ No install prompt - ❌ No push notifications ## Implementation Plan 1. Create `manifest.json` with app metadata and icons 2. Implement service worker for offline caching 3. Add install prompt banner for mobile browsers 4. Cache critical assets for offline browsing 5. Add push notification infrastructure 6. Test on iOS Safari and Android Chrome ## Acceptance Criteria - [ ] App installable on iOS and Android - [ ] Lighthouse PWA score > 90 - [ ] Offline browsing of cached pages works - [ ] Install prompt appears on mobile - [ ] App icons and splash screens configured ## Dependencies - Independent of Phase 1 (can start early if desired) - Benefits from API-first architecture established in Phase 1
mik-tf commented 2026-04-22 12:01:34 +00:00
Author
Owner
Copy link

archived repo, closing

archived repo, closing
Commenting is not possible because the repository is archived.
No Branch/Tag specified
Branches Tags
development
main
No results found.
Labels
Clear labels   
architecture

System design, planning, documentation

  
backend

Backend / Rust code changes

  
bug

Something is not working correctly

  
enhancement

New feature or improvement

  
frontend

Frontend / templates / CSS / JS changes

  
infrastructure

Deployment, CI/CD, Docker, configuration

  
phase-1

Phase 1: OSIS Production Ready

  
phase-2

Phase 2: Platform Enhancement

  
refactor

Code restructuring without behavior change

No labels
architecture
backend
bug
enhancement
frontend
infrastructure
phase-1
phase-2
refactor
Milestone
Clear milestone
No items
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
coopcloud_code/projectmycelium_marketplace#20
No description provided.