Description
Users who earn credentials should be able to download a professionally formatted PDF certificate. The certificate should include: credential title, recipient name (wallet address), issuer name, issue date, verification hash, and a QR code linking to on-chain verification.
Definition of Done
Acceptance Criteria
- Click "Download Certificate" on a credential detail page
- PDF downloads with correct metadata and formatting
- QR code scans to correct verification URL
- Certificate looks professional with branding, borders, and proper typography
Files to Modify
frontend/package.json — add @react-pdf/renderer or jspdf + qrcode
- New file:
frontend/src/components/Credentials/CertificatePDF.tsx — PDF template
- New file:
frontend/src/utils/certificateGenerator.ts — generation logic
frontend/src/components/CredentialList.tsx — add download button
frontend/src/components/CredentialBridge/index.tsx — add download button
Description
Users who earn credentials should be able to download a professionally formatted PDF certificate. The certificate should include: credential title, recipient name (wallet address), issuer name, issue date, verification hash, and a QR code linking to on-chain verification.
Definition of Done
Acceptance Criteria
Files to Modify
frontend/package.json— add @react-pdf/renderer or jspdf + qrcodefrontend/src/components/Credentials/CertificatePDF.tsx— PDF templatefrontend/src/utils/certificateGenerator.ts— generation logicfrontend/src/components/CredentialList.tsx— add download buttonfrontend/src/components/CredentialBridge/index.tsx— add download button