NeuralNik/linkr

QR Code Scanner Integration

Ouverte

#20 ouverte le 11 oct. 2025

 (2 commentaires) (0 réaction) (1 personne assignée)TypeScript (3 forks)auto 404
featurefrontendhacktoberfest

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Métriques PR en attente)

Description

Add a QR code scanner feature that allows users to scan existing QR codes using their device camera to see what URLs they contain.

Requirements:

  • Camera access permission handling
  • QR code detection using jsQR or similar library
  • Real-time scanning with camera preview
  • Display scanned URL with validation
  • Option to generate new QR for scanned URL
  • Mobile-optimized scanning interface

Files to modify:

  • Create src/components/QRScanner.tsx
  • src/pages/Home.tsx
  • Add camera and QR scanning dependencies

Acceptance Criteria:

  • Camera permission request and handling
  • Real-time QR code detection from camera
  • Display scanned URL clearly
  • Works on both desktop and mobile
  • Option to create new QR from scanned URL

Guide contributeur