Your task is to build a tribute page on someone or something.
You will need to pick a subject.
You can choose a celebrity, a pet, yourself, a cartoon character, etc.
Once you pick a subject, your page needs to have the following things.
- a title
- a picture of the subject
- a link to learn more about the subject
- and some information about the subject
The first step is to create a codepen account.
It is free to create and that is where you will build out your project and submit it to freeCodeCamp.
Here is the link Codepen
Once you create a free account, log in and create a new pen.
If you new extra help with that, then read through this step by step guide
Once you get setup with codepen, and have a new pen opened add this script tag in your html.
The result should look like this
Remember to save your work often.
That yellow box is the test suite.
You will use that to make sure all of the tests are passing.
You will need to select the tribute page project by clicking the dropdown like this
Then choose the tribute page project
If you hit the run tests button, you should see that you are only passing one test right now
The user stories mentioned on this page are the ones you need to pass.
There is a total of nine user stories.
Start with the very first user story and slowly work your way down from there.
Here is the first one:
User Story #1: My tribute page should have an element with a corresponding
id="main" , which contains all other elements.
They want you to create an html element with an id of main.
If you are stuck, then you can google that user story message and there will be tons of results like this one to help you out.
Learning to research and google is an important part of learning how to code.
Also, you can ask the forum on questions concerning the user stories and we can assist you.
Once you do that first user story, run the test suite again to make sure the test passes
If the test doesn’t pass, open up the test suite and read the full error message
You will need to click on the red test button to open up the test suite and read the error message
Slowly go through each user story and research or google along the way.
If you need extra help, come to the forum and ask questions about what you are stuck with concerning the user story.
Once you pass all of the user stories, and you get a green 10/10 then you can style your page
Remember that the goal is not to remake the sample.
You want to come up with your own content and code.
When you are finished with the project, submit the url to freeCodeCamp
You can find the url at the top of the page
And you will submit it to the project page
Hope all of that made sense!