web: add a copy-to-clipboard button on `/u/[username]` profile page

[ShantKhatri]

Summary

In apps/web/src/routes/u/[username]/+page.svelte, add a button that copies the current profile URL to clipboard.

Tasks

• add a button near Get DevCard CTA labeled 'Copy Link'.
• implement click handler that calls navigator.clipboard.writeText(window.location.href).
• show transient message on success and failure using local component state.

Acceptance Criteria

• user can click and URL is copied with a visible notification.
• cross-browser support is noted (fallback text if clipboard API unavailable).

[Dhrupad-05]

Hi @ShantKhatri , I’d like to work on this issue under GSSoC’26.

Proposed Implementation:

• Add a Copy Link button near the existing Get DevCard CTA in apps/web/src/routes/u/[username]/+page.svelte.
• Implement a click handler using navigator.clipboard.writeText(window.location.href) to copy the current profile URL.
• Use local component state to display transient success/failure notifications after the copy action.
• Add graceful fallback handling for browsers where the Clipboard API is unavailable by showing an appropriate message.

I’ll ensure the feature works smoothly without affecting the existing UI/UX. Kindly assign this issue to me.

[ShantKhatri]

Hi @ShantKhatri , I’d like to work on this issue under GSSoC’26.

Proposed Implementation:

• Add a Copy Link button near the existing Get DevCard CTA in apps/web/src/routes/u/[username]/+page.svelte.
• Implement a click handler using navigator.clipboard.writeText(window.location.href) to copy the current profile URL.
• Use local component state to display transient success/failure notifications after the copy action.
• Add graceful fallback handling for browsers where the Clipboard API is unavailable by showing an appropriate message.

I’ll ensure the feature works smoothly without affecting the existing UI/UX. Kindly assign this issue to me.

Have assigned you another issue for now. Thanks for your interest, but once you can have PR for the assigned issue, and if it's from good first issue, then after that you can pick the non-good first too, and that's recommended.

Happy to assist further.

[shivangii123]

hi @ShantKhatri
I would like to work on this issue
Can you assign this to me if available?
I will start working on it right now.

[amritbej]

Hello @ShantKhatri,

I would like to work on this issue. I can implement the Copy Link button with clipboard support, success/failure notifications, and a fallback message for browsers where the Clipboard API is unavailable.

Please assign this issue to me. Thank you!

[ShantKhatri]

Hello @ShantKhatri,

I would like to work on this issue. I can implement the Copy Link button with clipboard support, success/failure notifications, and a fallback message for browsers where the Clipboard API is unavailable.

Please assign this issue to me. Thank you!

Assigned.

[ShantKhatri]

Hi @ShantKhatri , I’d like to work on this issue under GSSoC’26.

Proposed Implementation:

• Add a Copy Link button near the existing Get DevCard CTA in apps/web/src/routes/u/[username]/+page.svelte.
• Implement a click handler using navigator.clipboard.writeText(window.location.href) to copy the current profile URL.
• Use local component state to display transient success/failure notifications after the copy action.
• Add graceful fallback handling for browsers where the Clipboard API is unavailable by showing an appropriate message.

I’ll ensure the feature works smoothly without affecting the existing UI/UX. Kindly assign this issue to me.

Hi @Dhrupad-05 , warm welcome, you have anything assigned on this repo, happy to assist.

[amritbej]

Hello @ShantKhatri,
I would like to work on this issue. I can implement the Copy Link button with clipboard support, success/failure notifications, and a fallback message for browsers where the Clipboard API is unavailable.
Please assign this issue to me. Thank you!

Assigned.
Thanks for assigning it to me . I will submit the pr within 2 days