A fast, web-based QR Code Scanner that allows users to scan codes using their device camera and save their scan history securely. This project is built as a Progressive Web App (PWA), meaning it can be installed on mobile devices just like a native app.
🔗 Live Demo: https://qr-code-scanner-b6d67.web.app
- Real-time Scanning: Instantly detects and decodes QR codes using the device camera.
- User Authentication: Secure login system to personalize the experience.
- Scan History: Automatically saves scanned links and text to the user's account dashboard.
- PWA Support: Can be installed on Android and iOS home screens for a full-screen app experience.
- Responsive Design: Works smoothly on desktop, tablets, and mobile phones.
- Frontend: HTML5, CSS3, JavaScript
- Backend/Hosting: Google Firebase (Hosting & Authentication)
- Scanning Library: HTML5-QRCode (or whichever library you used, e.g., jsQR)
If you want to run this project on your own computer:
-
Prerequisites:
- Install Node.js
- Install Firebase CLI:
npm install -g firebase-tools
-
Clone or Download the project:
- Download the files to a folder (e.g.,
scanner).
- Download the files to a folder (e.g.,
-
Login to Firebase:
firebase login
-
Initialize the Project:
firebase init hosting
-
Deploy to Live Site:
firebase deploy
- Open the Live Link in Chrome (Android) or Safari (iOS).
- Android: Tap the prompt "Add to Home Screen" or install from the browser menu.
- iOS: Tap the "Share" button -> "Add to Home Screen".
- The app will appear on your device and launch in full-screen mode.
This application uses Google Firebase for secure authentication. We do not share personal data with third parties. The camera is accessed only for scanning purposes with user permission.
Created by Nadimul