[Feature]: Add "Copy Roadmap" Button for Generated Learning Paths

[siddhiranka]

What problem does this solve?

Currently, after a roadmap is generated, users who want to:

Save it in Google Docs.
Share it with friends.
Paste it into ChatGPT or another AI tool.
Keep it for future reference.

but here they have to manually select all the text and copy it, which is inconvenient, especially on mobile devices.

Proposed solution

Add a "Copy Roadmap" button that:

Copies the entire roadmap with one click.
Shows a success message like "Roadmap copied successfully!"
Works on desktop and mobile.

Alternatives considered

Users can manually select and copy the roadmap content, but this becomes inconvenient for long roadmaps and is particularly difficult on mobile devices. A dedicated "Copy Roadmap" button would provide a faster and more user-friendly experience.

Which part of the app does this affect?

Homepage and form

Estimated complexity

Small (a few lines of CSS or JS)

Before submitting

• I searched existing issues and this has not been requested before.
• This change would benefit contributors beyond my own use case.

[github-actions]

Thank you for opening your first issue in DevPath.

Please make sure to:

• Read CONTRIBUTING.md
• Wait for assignment before starting work
• Follow repository guidelines carefully

Happy contributing.

[ShubhamSawant726]

/assign

[aadigupta1712]

Hi @siddhiranka ! 👋

I would love to contribute to this feature under GSSoC '26.

Based on the proposed solution, my approach will be:

• Adding the "Copy Roadmap" button to the relevant UI component.
• Utilizing the navigator.clipboard API to handle the one-click copy functionality.
• Implementing the success state/notification ("Roadmap copied successfully!").
• Testing to ensure the button is properly placed and fully functional on both desktop and mobile devices.

Could you please assign this issue to me? Thank you!