Using the CDM Link for Projects Instead of CodePen

1

Hi. I’m working on the Tribute Page responsive Web design project right now, but I’m blind, and unfortunately, CodePen is not accessible with screen readers, so I asked around and someone told me to use CodeSandbox instead, since it has an accessible editor. How would I use the CDM link FreeCodeCamp provides to test in CodeSandbox instead of CodePen? In case it helps, the CDM link for that project is: here. I can’t figure out how to set it up. If anyone knows of another way to do this, I would be happy to hear it. Thanks.

1 Like
2

In index.html, you can add the below inside the body tag but after all other elements in the body

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
1 Like
3

I did that but it’s not showing any tests, or at least not that I failed any. Is there something else I need to do?

4

can you post the link to your updated CodeSandbox ?

Here is an example you can use with their vanilla javascript template

1 Like
5

Sure. Its here. I hope I didn’t remove something I shouldn’t have.

6

Well, you have successfully added the test suite to your page.
Say for instance you are working on the first project, in the selection box, you would select from the drop down suite of tests, the Tribute page and then hit run tests. Are you able to have access to the list of projects in the test suite ? It should be a list of projects, Tribute page, personal portfolio, etc…

7

Oh, I see it now. I just refreshed the page and it was there. Sorry about that. I don’t know why I didn’t think to do that earlier.

8

It’s all good…

1 Like
9

Ok, thanks…now to figure out who to do my tribute page on :smile:

10

Just go through the user stories one by one until you fulfill all of them and all the tests pass, and if you get stuck, make a new topic with your question and be sure to link to your latest CodeSandbox link. Plenty of people here will help you out.
Happy coding.