Skip to content

Progressive Web App (PWA)

Install Practito as a native-like app on your device.

What is a PWA?

A Progressive Web App works like a native mobile app but runs in your browser:

Benefits: - No App Store download needed - Smaller file size - Always up-to-date - Works offline (Premium) - Push notifications - Home screen icon - Full-screen experience

Installing on iOS

iPhone/iPad Installation: 1. Open Practito in Safari (must use Safari) 2. Tap the Share button (square with arrow pointing up) 3. Scroll down and tap "Add to Home Screen" 4. Edit name if desired 5. Tap "Add" 6. App icon appears on home screen

Launching: - Tap the Practito icon on home screen - Opens in full-screen mode - No browser address bar - Feels like native app

Installing on Android

Android Installation: 1. Open Practito in Chrome browser 2. Tap the menu (three dots) 3. Select "Add to Home screen" or "Install app" 4. Confirm by tapping "Add" or "Install" 5. Icon added to home screen

Alternative Method: - Chrome may show "Add Practito to Home screen" banner - Tap banner to install directly

Installing on Desktop

Chrome (Windows/Mac/Linux): 1. Open Practito in Chrome 2. Look for install icon in address bar (⊕ or computer icon) 3. Click icon 4. Click "Install" 5. App opens in standalone window

Edge (Windows): 1. Open Practito in Edge 2. Click menu (...) 3. Select "Apps" → "Install Practito" 4. Confirm installation

PWA Features

Offline Access: (Premium) - Downloaded music available offline - Practice without internet - Sync when reconnected

Push Notifications: - Assignment reminders - New messages - Achievement unlocks - Practice streak alerts

Background Sync: - Recordings sync when connection restored - Practice data uploaded automatically - Queue actions while offline

Fast Loading: - Cached resources - Instant app startup - Smooth performance

Managing PWA

Update App: - Updates automatic - No manual download needed - Refresh when prompted

Storage: - Check: Settings → PWA Settings - Clear cache if needed - Manage offline content

Permissions: - Notifications - Microphone (for recording) - Camera (for uploads) - Storage

Uninstalling PWA

iOS: 1. Long-press app icon 2. Tap "Remove App" 3. Confirm "Delete App"

Android: 1. Long-press app icon 2. Tap "Uninstall" or drag to "Uninstall" 3. Confirm

Desktop (Chrome): 1. Click menu in PWA window 2. Select "Uninstall Practito" 3. Confirm

Or: - chrome://apps/ - Right-click Practito - "Remove from Chrome"

PWA vs Native App

PWA Advantages: - No app store approval needed - Instant updates - Cross-platform - Smaller size - No installation permission

Native App: (Coming Soon) - Better OS integration - More permissions - Offline by default - App store discovery

Troubleshooting

Install Option Not Showing: - Use supported browser (Safari iOS, Chrome Android) - May need to visit site multiple times - Check browser is up-to-date

Notifications Not Working: - Grant notification permission - Check device notification settings - Ensure PWA installed (not just bookmarked)

Offline Mode Not Working: - Premium feature only - Download pieces while online - Check storage space

Best Practices

  1. Install Once - Don't reinstall unless necessary
  2. Allow Notifications - Stay updated
  3. Grant Permissions - For full functionality
  4. Update Regularly - Accept update prompts
  5. Clear Cache Occasionally - If issues arise

Requirements

iOS: - iOS 13.0 or later - Safari browser required for install - Works on all iOS PWA installs

Android: - Android 5.0 (Lollipop) or later - Chrome 45 or later - Firefox also supported

Desktop: - Chrome 73+, Edge 79+ - Windows 10, macOS 10.12+, Linux