feat: add PWA install prompt UI (#35) #57

Merged
makiolaj merged 1 commits from feature/issue-35-install-prompt into develop 2026-02-25 00:09:51 +00:00
Owner

Complete PWA installation experience:

Auto Install Prompt:

  • Beautiful card-style prompt with app icon
  • Auto-shows after 3 seconds (if not dismissed)
  • Smart dismissal with 7-day cooldown
  • Respects user preferences

Settings Integration:

  • New App tab in settings
  • Manual install button
  • Installation status display
  • Platform-specific instructions (iOS/Android)
  • PWA features showcase
  • Storage usage visualization

Developer Experience:

  • usePWAInstall composable for reusability
  • Handles beforeinstallprompt event
  • Tracks installation state
  • localStorage-based dismissal

UX Features:

  • Loading states during installation
  • Success/failure feedback
  • Accessible close buttons
  • Responsive design (mobile + desktop)

Ready for production user onboarding.

Closes #35

Complete PWA installation experience: **Auto Install Prompt:** - Beautiful card-style prompt with app icon - Auto-shows after 3 seconds (if not dismissed) - Smart dismissal with 7-day cooldown - Respects user preferences **Settings Integration:** - New App tab in settings - Manual install button - Installation status display - Platform-specific instructions (iOS/Android) - PWA features showcase - Storage usage visualization **Developer Experience:** - usePWAInstall composable for reusability - Handles beforeinstallprompt event - Tracks installation state - localStorage-based dismissal **UX Features:** - Loading states during installation - Success/failure feedback - Accessible close buttons - Responsive design (mobile + desktop) Ready for production user onboarding. Closes #35
makiolaj added 1 commit 2026-02-25 00:09:42 +00:00
feat: add PWA install prompt UI (#35)
Some checks failed
Deploy to Coolify / Code Quality (pull_request) Has been cancelled
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Pull Request Checks / Validate PR (pull_request) Has been cancelled
e47535d0fa
- Create usePWAInstall composable for install management
- Add InstallPrompt banner component with auto-show after 3s
- Add App Settings tab in settings page
- Show install button with loading state
- Display installation status and instructions
- Handle dismissal with 7-day cooldown
- Add iOS/Android installation guides
- Show PWA features list
- Display storage usage with visual progress
- Auto-hide prompt after successful install

Features:
- Automatic install prompt after 3 seconds
- Manual install from settings
- Platform-specific instructions
- Smart dismissal tracking
- Storage info visualization

Closes #35
makiolaj merged commit 01db4ef8cb into develop 2026-02-25 00:09:51 +00:00
Sign in to join this conversation.