Skip to content

serraict/scanner-pwa

Repository files navigation

QR Code Scanner PWA

A progressive web app for scanning QR codes and bar codes using your device's camera.

Features

  • 📱 Works on mobile and desktop browsers
  • 📷 Uses device camera for real-time scanning
  • 🔍 Supports QR codes and various barcode formats
  • 📋 Auto-copies results to clipboard
  • 🌐 Works offline after first load
  • ➕ Can be installed as a native app on iPhone/Android

Usage

  1. Open the app in your browser
  2. Click "Start Camera" to begin scanning
  3. Point your camera at a QR code or barcode
  4. The result will appear automatically

GitHub Pages Deployment

This app is automatically deployed to GitHub Pages when changes are pushed to the main branch.

PWA Installation

This app can be installed as a native app on your mobile device for easy access and offline use.

iPhone Installation

  1. Open Safari: Navigate to the QR scanner app in Safari browser (other browsers won't work for installation)
  2. Access Share Menu: Tap the Share button at the bottom of the screen (square with arrow pointing up)
  3. Add to Home Screen: Scroll down and tap "Add to Home Screen"
  4. Customize Name: You can edit the app name if desired, then tap "Add"
  5. Launch App: The app icon will appear on your home screen and can be launched like any native app

Note: The installed app will work offline and have the Serra ICT logo as its icon.

Android Installation

Method 1: Chrome Browser (Recommended)

  1. Open Chrome: Navigate to the QR scanner app in Chrome browser
  2. Look for Install Prompt: Chrome may automatically show an "Add to Home screen" or "Install" banner
  3. Manual Installation: If no prompt appears, tap the three-dot menu (⋮) in the top right
  4. Add to Home screen: Select "Add to Home screen" or "Install app"
  5. Confirm Installation: Tap "Add" or "Install" to confirm

Method 2: Other Android Browsers

  1. Open Browser: Use Firefox, Samsung Internet, or other browsers
  2. Browser Menu: Tap the menu button (usually three lines or dots)
  3. Add to Home Screen: Look for "Add to Home screen" or similar option
  4. Confirm: Follow the prompts to add the app icon1

Features after installation:

  • ✅ Works offline (after first use)
  • ✅ Full-screen experience without browser UI
  • ✅ Quick access from home screen
  • ✅ Branded Serra ICT icon
  • ✅ Automatic updates when you visit the app online

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published