NeuralNik/linkr

QR Code Scanner Integration

開放

#20 建立於 2025年10月11日

 (2 則留言) (0 個反應) (1 位負責人)TypeScript (3 個分叉)auto 404
featurefrontendhacktoberfest

倉庫指標

星標
 (0 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

貢獻者指南