[FEATURE] Add QR code generation for public profile sharing

[Kokila-chandrakar]

Description

Currently, users can share their public DevTrack profiles through X, LinkedIn, the native share sheet, or by copying the profile link. While these options work well for online sharing, there is no convenient way to share profiles in person or across devices.

To improve accessibility and user experience, add a QR Code sharing feature that generates a scannable QR code for the user's public profile URL.

Expected Behavior

• Add a "Show QR Code" button in the profile sharing section.
• Clicking the button should open a modal displaying a QR code generated from the user's profile URL.
• Users should be able to scan the QR code using a mobile device and instantly open the profile.
• Provide a Download QR Code option so users can save and share the QR image externally.
• The modal should be dismissible using a close button or clicking outside the modal.

Suggested Implementation

• Create a reusable ProfileQrModal component.
• Generate QR codes using a React QR code library such as react-qr-code or qrcode.react.
• Manage modal visibility using React state.
• Pass the public profile URL as a prop to the QR modal.
• Allow users to download the generated QR code as an image.

Benefits

• Enables quick profile sharing during events, hackathons, and meetups.
• Improves cross-device accessibility.
• Complements existing sharing methods without affecting current functionality.
• Provides a modern and user-friendly sharing experience.

[aanya1407jain]

I’d like to work on this issue under GSSoC’26. Could you please assign it to me?

[Pranav-chaudhari-2006]

Hi @Priyanshu-byte-coder ,

I would like to work on this issue under GSSoC'26. I’ve gone through the requirements and I’m interested in contributing to it.
I will follow the existing project structure and coding standards while ensuring a clean and well-tested implementation.

Could you please assign this issue to me?

[github-actions]

Assigned to @Pranav-chaudhari-2006! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!

[github-actions]

Hey @Pranav-chaudhari-2006 — this issue was assigned 7 days ago with no PR opened. Unassigning so others can pick it up.

Still working on it? Drop a comment and request re-assignment.

[Sammmyyyyyyy]

Hi @Priyanshu-byte-coder,

I'd like to work on this issue.

My plan is to:

Add a reusable ProfileQrModal component
Generate QR codes for public profile URLs
Add a "Show QR Code" action in the profile sharing section
Support QR code download as an image
Ensure proper accessibility and modal dismissal behavior

Please assign this issue to me under GSSoC'26.

Thanks!