NeuralNik/linkr

QR Code Scanner Integration

オープン

#20 opened on 2025/10/11

 (2 件のコメント) (0 件のリアクション) (1 人の担当者)TypeScript (3 件のフォーク)auto 404
featurefrontendhacktoberfest

Repository metrics

Stars
 (0 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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

コントリビューターガイド