pantry-app/pantry
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Conversation 0 Commits 1 Files Changed 5 +397
makiolaj commented 2026-02-25 00:09:42 +00:00
Owner
Copy Link

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
Details
Deploy to Coolify / Run Tests (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Development (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Production (pull_request) Has been cancelled
Details
Deploy to Coolify / Deploy to Test (pull_request) Has been cancelled
Details
Pull Request Checks / Validate PR (pull_request) Has been cancelled
Details
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.
Reviewers
No Reviewers
Labels
Clear labels
backend
Backend (Supabase/Edge Functions)
 database
Database (Schema/Migrations)
 frontend
Frontend (Nuxt/Vue)
 infrastructure
Infrastructure (Docker/Coolify)
 mvp
Required for MVP (v0.1)
 week-1
Week 1: Foundation
 week-2
Week 2: Core Inventory
 week-3
Week 3: Barcode Scanning
 week-4
Week 4: Tag System
 week-5
Week 5: PWA & Offline
 week-6
Week 6: Deployment
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
makiolaj
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: pantry-app/pantry#57
Delete Branch "feature/issue-35-install-prompt"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?