freeCodeCamp
Add link sharing for specific lesson steps in mobile app for Discord assistance
Is your feature request related to a problem? Please describe.
Currently, on the mobile app, there isn't a way to share a specific step from within a lesson. This becomes an issue when campers post questions on Discord needing help, but they're unable to share a link to the exact step they're struggling with. As a result, they often resort to sharing multiple screenshots of the lesson requirements or the code they've tried, which can make it more difficult and time-consuming for moderators and peers to offer help.
Describe the solution you'd like
Ideally, there would be a button available within the lesson steps that, when pressed, would copy the URL of the said step to the clipboard. Campers could then easily paste this link into Discord (or other platforms) when seeking help. This would streamline the process and allow moderators or other community members to quickly access the exact step the camper is stuck on, making it easier to provide targeted assistance.
Describe alternatives you've considered
Currently, when campers are stuck on a step, they are given the option to either create a post on the forum, reset the step, or view the console. One alternative might be to extend the existing "create a post" functionality to include the option to share to Discord, allowing campers to easily generate a link they can share in the appropriate Discord channel with a customisable message template example.
Additional context
I don't have specific examples or screenshots of the feature request, here are a couple of very recent examples that campers often share in Discord. These generally involve screenshots of the lesson requirements or the code they're attempting, which could be streamlined if they had the ability to share a direct link to the lesson step example-1 example-2
Hello am currently working on this issue . here is the image of the share button . what do you think admin ?should i change the color or is ok .I followed the color instruction of :https://design-style-guide.freecodecamp.org/ and to solve this issue am just planning to use a string and pass the current problem as a variable . Have a nice day
@Herve176 Thanks for working on this.
I think the button should be gray (the same color as the two buttons next to it). We'd like to preserve brighter colors for more important actions (checking code, submitting code, etc.).
ok i corrected that .Am still strugling to tap on the right varaible for the link but so far everything is already working . when i figure out which variable carry the curriculum name and which carry the workshop name i will be done but here is what it looks like now(localy)
@Herve176 I replied to you in Discord, and I meant to share this link but got distracted 😅
We have a widget that needs to access the same data, in order to share the challenge link. You can use it for reference and follow the data flow:
https://github.com/freeCodeCamp/mobile/blob/04862a10f120ca5f4e9f629d8b160bcb38e5c149/mobile-app/lib/ui/views/learn/widgets/dynamic_panel/panels/hint/hint_widget_view.dart#L75
Hello ,
I know you guys are very busy .I made a Pr for this issue last week .if there is an issue on the Pr that i need to correct please let me know . thank you
Hello ,
I know you guys are very busy .I made a Pr for this issue last week .if there is an issue on the Pr that i need to correct please let me know . thank you
Thank you for your work on it, sometimes it can take some weeks for a PR to be reviewed, please be patient.