Implement QR Code Generation and Scanning for Money Transfers #1
Description
Feature: QR Code-Based Money Transfer System
Description
Add QR code functionality to simplify money transfers between users by eliminating the need to manually enter account numbers.
Feature Overview
- QR Generation: Users can generate a QR code containing their account information
- QR Scanning: Users can upload/scan QR codes to auto-populate recipient account details
- Secure Transfer: Complete the money transfer with pre-filled account information
User Flow
- Recipient: Goes to dashboard → Clicks "Generate My QR" → Downloads/shares QR code
- Sender: Goes to "Money Transfer" → Clicks "Scan QR" → Uploads QR image
- System: Decodes QR → Auto-fills recipient account number and name
- Sender: Enters amount and confirms transfer
- System: Processes transfer using existing Stripe integration
Technical Implementation
Phase 1: QR Code Generation
- Add QR code generation library
- Create "Generate My QR" button in customer dashboard
- Generate QR containing account number + account holder name
- Display QR code in a modal with download/print options
Phase 2: QR Code Scanning/Upload
- Add "Scan QR" or "Upload QR" option in money transfer form
- Implement QR image upload functionality
- Add QR code decoder to extract account information
- Auto-populate recipient account number and name fields
- Add validation to ensure QR contains valid Fintal account data
Phase 3: Integration with Transfer System
- Integrate with existing money transfer functionality
- Add QR-based transfer tracking in transaction history
- Include QR transfer method in transaction logs
Database Changes
QR codes tracking table
CREATE TABLE qr_codes (
id VARCHAR(50) PRIMARY KEY,
account_number VARCHAR(20) NOT NULL,
generated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (account_number) REFERENCES account(account_number)
);