💻 Four

Build a portfolio with CodePen

🤖 Step 4: What to do

You must now build your own home page, and get all of the tests to pass. Give it your own personal touch. We know that people who do well on our courses show creativity, curiosity, persistence, and rigour. That’s what we’re looking for from you in this project.

Steps

  1. Create a free CodePen account here: CodePen

  2. Build your webpage using HTML and CSS

    • Add navigation bar
    • Display one image
    • Apply all the skills you learned during the course
  3. When finished, send us the direct link to your CodePen webpage. Projects that meet the acceptance criteria will allow you to move on to the final step of the MigraCode application process.

💡Tip

Make sure you’re logged in to CodePen when you fork so your work is saved.

  1. Submit your CodePen URL Once you’re done, submit the URL of your working portfolio.

🤖 Step 4: How to check your work

Here are the acceptance criteria for your project:

Requirements for Portfolio Homepage

  1. Navigation Bar
    Must include at least 3 working links (e.g., Home, About, Contact).

  2. Profile Image
    Must display one image (e.g., a profile photo or banner)

  3. Portfolio Sections
    Page must include at least two sections:

    • About Me
    • Contact Information
  4. Custom Styling
    Must use custom CSS:

    • At least two colors
    • One custom font
    • Spacing and alignment for readability
  5. CodePen Project Setup
    The CodePen must be public, titled, and have the student’s name somewhere on the page.

💡Tip

Your work is not judged on aesthetics in this project. We are interested in code correctness and specification compliance.

📩 Step 4: How to show us

Submission

You must submit the link to your CodePen portfolio homepage by adding them to the email template provided in Manual and send it at the end of ITD to the MigraCode team @ Barcelona@migracode.org

We won’t accept separate emails for separate steps of ITD. 1 Candidate = 1 Submission of ITD

How to get help

When you have a question, ask it.

💡MigraCode is a Community

Remember, MigraCode is a community of adults sharing skills. We are all here to help each other, and learn. You are meant to ask questions at MigraCode.

When you see someone else has a question, help them if you can.

When you have questions about coursework, ask in on Slack🧶🧶 SlackSlack is messaging software - once you have downloaded Slack you can visit our Slack workspace to ask your questions.

More common issues

I don't have a computerHere are some ways MigraCode solved this problem in the past:
  1. Use a computer in a local library.

  2. Borrow a computer from a friend or a relative if you can.

  3. Use one of our laptops while at our office at Carrer del Rec 27 in Barcelona. We do not have enough laptops to borrow to all of the prospective students, therefore we can only lend you a laptop once you are enrolled. If you are accepted as a students you can borrow a laptop for the entirety of the bootcamp- which you can take home. Let us know you need one at barcelona@migracode.org or text us on the MigraCode Slack.