Need Feedback on my Personal Portfolio Page

Code Feedback
1

I created this Portfolio Page after completing Responsive design Certificate.
Porfolio Page

2

Hi @yashrajmv7 !

I think your page looks good.

If you are planning on submitting this portfolio for the certificate then you need to include the test suite with all tests passing.

In codepen, you don’t need to include all of this stuff because it is already built into codepen.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://kit.fontawesome.com/79c6bea234.js" crossorigin="anonymous"></script>
  <title>Personal Portfolio</title>
</head>

If you need to include links in the head section then you can add them in the html settings for codepen.
You also might consider adding a smooth scroll to the page.

Hope that helps!

3

Thank you for the feedback.
I will try to add Smooth scroll in the page.:slight_smile:

4

Welcome to the forums @yashrajmv7. Your portfolio looks good. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 4/12 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
    • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Use the images from your projects. Codepen creates large and small screen shots of your pens that can be used in your portfolio. Access them from;
    https://codepen.io/userName/pen/slug/image/large.png (for the large screenshot)
    or
    https://codepen.io/userName/pen/slug/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and slug with the id of one of your codepen pens and then copy that link into your portfolio
5

Thank you for the feedback and tips.
I already submitted the another Portfolio page for the Certificate, I made this Portfolio page just for Practice.

6

Since this is your first post I wasn’t aware there was another portfolio page. I wasn’t aware of any of your projects.

Since you posted on the Code Feedback subforum I gave feedback based on the criteria for FCC’s project.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.