My first not so bad website

Code Feedback
1

Hey guys!
I have just published my website which is a modified version of the personal portfolio project. It has only been a little over 3 months since I started learning programming. So, please don’t be too harsh on me. I would also like to know if the profile link on the navigation menu is alright or should I change it to profiles. Please let me know your feedback and what you think could be improved.
Here is the link to my website: aruthran.github.io
Thanks.

3 Likes
2

Hi @arunakiri2016. Your portfolio looks good. Here are some suggestions (don’t take it as criticism):

  • Add a text or logo in the left side of the header. It seems empty.
  • Make the header sticky in desktop devices.
  • The “projects” and “profiles” in the header is not capitalized like “About”. Change it to “Projects” & “Profiles”
  • Add more projects in your website. I am sure you have completed other projects before this.
  • There is an extra bottom padding for the “About” section:

image
image1902×372 15.7 KB

  • Make the headings in the sections a little bit bigger so that it looks like a header.
  • Remove the “Or” in the “Profiles” section. It’s unnecessary.
  • Make the text “GitHub” and “freeCodeCamp” smaller.

Anyway, good job. I like the hover animations and the icons. Keep it up! :+1: :muscle:

3

Thanks a lot. That was really quick. It was very helpful. I would try to improve my project, following your suggestions.

1 Like
4

Your portfolio looks good @arunakiri2016. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
5

Thanks. I will try to make changes as per your suggestions.

6

For your first three months of coding, this is truly amazing!
There are a few suggestions I have for you to improve your website.

• That smily-face GIF in the welcome section of your portfolio seems like it’s squishing up the description of you. It would be better to center the image right below the text.

• The nav bar seems a little “empty” if you know what I mean. Maybe draw yourself a logo and put it in the top-left corner of the nav bar.
Also, you could write your name in it, I guess.

• In the projects section, when I hover over one of the images, it resizes. To add a little touch of better design, I’d suggest you apply the box-shadow CSS property to the images so they appear to stand out a bit more.

• I was looking at the About section (Hey, I’m 14 as well!) and I seemed a little confused at its position. I think it would be better to put the About section right under the Welcome section.

• When I click on one of the navigation links, I am immediately “teleported” to the area that I go to. To make the scroll animated, try applying the scroll-behavior CSS property to html, body.

html, body{
  scroll-behavior:smooth;
}

Overall, your work was amazing. I started developing “Good” websites and stuff after about three years of coding.
Great job and Happy Coding.

btw, I followed you on codepen.

7

Thanks a lot. It is great to see a people like you giving feedback. I would try to modify my website according to your suggestions.

1 Like