What does "forking a CodePen pen" mean? **RESOLVED**

What does "forking a CodePen pen" mean? **RESOLVED**
0.0 0

#1

I am just starting the tribute page and I really cannot wrap my head around a few things. I have only just started but I have questions already as I don’t quite understand:

The guidelines for the tribute page says at the bottom:
“You can build your project by forking this CodePen pen. …” - I assume this will test my code and by fork it means merge it in some way with my code so that I can run it and test my code and it will be ticked off when I sufficiently fulfill the criteria. When I press fork nothing happens do I have t put the provided link somewhere specifically for it to be available to test my code. I hope this is understandable it doesn’t help that I don’t fully understand what it wants me to do to be able to test. Link to code above (very basic as I dont understand the question I have asked and would like to know I can test properly before I start). I think it fulfills the criteria for user story #1 but i could be wrong again.

User Story #1: My tribute page should have an element with a corresponding id=“main”, which contains all other elements.

Any help much appreciated thanks you for reading.


#2

To fork a pen you must have a codepen account. do you have one?

For codepen, forking its like github cloning to say.


#3

I have account yes but when i press on fork the screen just flashes nothing happens. I think I’m doing it wrong if im honest but I dont know what it is im doing wrong


#4

As you can see i have no problems in forking that example pen


#5

if i go on profile and forks the fork does show when i run the test it gives me the following error :
AssertionError: expected null to not equal null.
I think I’m doing it wrong or I just don’t understand properly. I dont know if this is because I have not set it up correctly or if I do not fulfil any criteria. I have a main with main id so i thought the first one would at least be ticked off but its given that error above


#6

Brilliant! I placed the link contained in the fork in a script tag at the top of my code and it now appears and tests cases as Intended. Thank you for the assistance I have a lot to learn it would seem.


#7

Just a quick question. In order to get the test box on my pen like in the screenshot did i just have to put the script tag with link or would this only work if it is forked? It is now forked I just want to understand better thank you


#8

you also need to add this lib:
https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js


#9

Thats the one I have at the top i think but slightly different link I have:

I assume they are the same


#10

sorry I didnt post the link only just noticed. Im making solid progress now but for the following story:
User Story #7: I should see an a element with a corresponding id=“tribute-link”, which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to _blank in order for your link to open in a new tab (i.e. target="_blank").
I think I have done it correctly but something is wrong somewhere. Target blank seems to work as it opens in a new window but this wont pass. My code has changed link as i started it all again link is:


any help much appreciated.


#11

Hi, I’ve changed your thread title to describe your problem more clearly. Descriptive titles, such as “Why does my function return undefined?”, are more likely to elicit helpful responses than a meaningless url.


#12

Ok thank you for all the help I did think my topic wasnt described very well but I was unsure where to begin. I took advice from others and broke it down to steps one by one and have made some progress. Although I understand what is meant by forking now my issue is getting story 8 to work it works correctly but it wont tick it


#13

I shall mark this resolved as the issue i now have is different. Ill have a proper search around first and if i cannot find anything ill make another post. thanks again for the help today.


#14

I read all this, I used CodePen to do my tribute page, I have had a GitHub account for awhile now, but I still don’t get forking. You aren’t alone.


#15

I didnt realise that the tester was only a link i thought it would add it to my code automatically now I get I needed to add the link in a script tag.