Submit the URL to your working project with all its tests passing

Once you’re done, submit the URL to your working project with all its tests passing.

Hey there, I’m done with my first project: https://codepen.io/catiz/pen/EzLzGg
I’ve got two doubts:

  • How can I test it? I don’t have that lovely yellow window in the upper left corner like the one we can find on here: https://codepen.io/freeCodeCamp/full/zNqgVx
  • Is it normal that the curriculum can’t remember I passed that test? Even though when I click on the I’ve-completed-this-challenge button I get a positive message, then when I get back to the curriculum that step is not done. It’s because you have to complete all the challenges in one go?

Thank you so much for the attention. I will became a supporter one day. I am also not familiar with CDN links. English is not my first language maybe that’s why I’m missing something?

Have you forked the pen that was provided with the test suite? If you have done that you have the tests

The url you pass in fcc is not tested, you need to make sure with the test suite that the project passes all the user stories

@catiz, if you fork the sample you’ll have the script available with the tests.

For now, you can paste this into the HTML section of codepen;
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

I’d suggest you fork the sample though and come up with your own idea for a tribute page. The one they show you is a sample and yours looks so much like the sample it’s almost an exact copy. Try and come up with someone you’d like to tribute and then make the page your own.
If you look in the ‘Project Feedback’ forum you’ll see some of the different tribute pages other campers have made.

3 Likes

Thank you @Roma. I followed your suggestions and succeded: https://codepen.io/catiz/pen/EzpGOe

2 Likes

Yeah, you’re right. I did forked the pen but made the mistake of deleting without worring so much all the parts that I didn’t understand. Who would have thought there is a reason for everithing? Thanks for the hint.

That’s much better @catiz.
You may want to rethink color. That blue for the link away is really hard to see with the green background.

A few additional things;

  • verify your address with codepen so that we can see the full view of you page
  • codepen expects to see only those elements you’d put between the <body> </body> tags. If you need to add anything to the <head> click on the Settings button and add it there.
  • codepen provides you with validators for HTML, CSS and JS. Click on the arrow in each section and then click on the respective ‘Analyze’ link. There’s a small error in your HTML that’s identified.

You’re on your way! Happy coding.

1 Like

All done. Thanks again. :smiley:

1 Like