Freecodecamp: Add a Show Solution button for certification projects on the timeline

[scissorsneedfoodtoo]

Currently when you complete a project it's shown on the timeline, but there isn't an easy way to see the solution that was submitted:

We should add a "Show Solution" button between the link to the project's page on the left and the date on the right. The button can be similar to the on the settings page, and it should open the solution that was submitted.

However, we'll need to handle the solutions for the JS Data Structures and Algorithm projects differently. Since the solutions are stored in the DB, maybe we can seed the solution back to the editor when the link in clicked. Or showing the submitted code in a popup modal might also be an option.

[raisedadead]

I am assigning this to @ahmadabdolsaheb to cut the turn around time and feedback loop.

[ahmadabdolsaheb]

implementing this functionality seems straight forward since we have a similar feature in the settings page.

the users' solutions should be stored in the redux store, however since the store and db are not in sync after the project submission, it takes a refresh for the solution to show up on the client.

[scissorsneedfoodtoo]

@ahmadabdolsaheb, I think it would be fine if it takes a refresh to show the solution. It's my understanding that this feature is mainly to dissuade academic dishonesty, and to give potential employers an easy way to view live versions of person's projects.

[ahmadabdolsaheb]

I am removing my assignment in case another contributor is interested in making a pull request.

[dipayanDebTheCoder]

Hi,

I am new to open source. This issue seems to be open and based on the conversation also seems to be a bit easier than others. So if no one else is working on it I would be happy to give it a try. So if anyone is working on this please reply ( I apologize if this is the wrong way to reach out) here else I will start working on it.

Thanks in advance for your help

[ojeytonwilliams]

Hi @dipayanDebTheCoder. You are correct. This issue is open to anyone and no-one else has said they're working on it. Regardless, issues like this are open for anyone, so please go ahead.

[dipayanDebTheCoder]

@ojeytonwilliams Thanks for the reply. I will start working immediately

[dipayanDebTheCoder]

Does this look good ? @ojeytonwilliams @ahmadabdolsaheb . Also while coding I noticed that completedChallanges has a field called files. Is that somehow related to the solution for the submitted solutions. At the moment I can only see that the fields solution and githubLink is used.

[Sky020]

I noticed that completedChallanges has a field called files. Is that somehow related to the solution for the submitted solutions

@dipayanDebTheCoder The files field is used in the _JavaScript and Data Structures_ projects. A modal should pop up showing the JS code.

[dipayanDebTheCoder]

@Sky020 Thanks. I will take a look at it and then do a PR request