Quick OTP
Overview Quick OTP is a lightweight Chrome extension for managing and generating Time-based One-Time Passwords (TOTP) directly in the browser. It replaces or supplements mobile authenticator apps like Google Authenticator or Authy, providing quick access to 2FA codes without reaching for your phone. Tech Stack React 19 - UI framework with hooks for state management TypeScript - Type-safe development Vite with @crxjs/vite-plugin - Fast builds and Chrome extension support otpauth - TOTP generation (RFC 6238 compliant) jsQR - QR code scanning React Bootstrap - UI components Chrome Storage API - Local data persistence Key Features OTP Management - Add, edit, delete, and search TOTP entries Multiple QR Scanning Methods - File upload, screen capture, and clipboard paste Real-time Countdown - Visual progress bar with color-coded time indicators One-click Copy - Copy codes to clipboard with visual feedback Import/Export - Backup and restore OTP items as JSON Dark Mode Support - Automatic theme detection Challenges & Solutions QR Code Parsing: Implemented multiple scanning methods (file, screen capture, clipboard) using jsQR library and parsing otpauth:// URIs to extract provider, account, and secret. ...