DEV Community

My Portfolio

Hana Belay on May 18, 2022

šŸ‘‹ Hey everyone, I've re-built my portfolio and would love to get feedback from you guys. What I've used: React.js TailwindCSS Chec...
Collapse
 
iamjamie profile image
iamjamie

Nice, as your main nav is links to anchors within the page i'd suggest adding CSS smooth scroll so it's less jarring and the user know what's going on better.

ref: css-tricks.com/snippets/jquery/smo...

Collapse
 
earthcomfy profile image
Hana Belay

Thanks for the feedback.

Collapse
 
moose_said profile image
Mostafa Said

I like it! Nice job with the colors.

  • I'm viewing it from my phone and the navbar doesn't have a background, therefore when you scrolldown you get confused the navbar with the page content.

  • I would recommend to add a different color to maybe headings. You need the visitor to get good vibes while checking your portfolio.

Collapse
 
earthcomfy profile image
Hana Belay

Thanks for the feedback.

Collapse
 
kamil7x profile image
Kamil Trusiak

Looks nice :)

There are few things I would improve, though:

  1. Navbar background - as others said, it would be nice to add background, because even on desktop, it doesn't work good after scrolling Screenshot
  2. Blue color of your name in footer suggests that this is a link. Maybe you could use something else to emphasize it?
  3. Link to email in footer opens GMail and some people don't use it.
  4. As someone suggested, it would be nice to use smooth scrolling.
  5. I think it would look better with Services section centered. But I would consult an UI/UX designer on this.

Anyway, good job ;)

Collapse
 
earthcomfy profile image
Hana Belay

Thanks for giving such a detailed feedback. I'll try to improve the things you mentioned. Appreciate it!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Nice its clean and modern well done.

Collapse
 
earthcomfy profile image
Hana Belay

Thank you very much.

Collapse
 
andrewbaisden profile image
Andrew Baisden

How long did it take to build?

Thread Thread
 
earthcomfy profile image
Hana Belay

2 days.

Collapse
 
batuhan_ozkose profile image
Batuhan šŸ¦Š

great!

Collapse
 
nicolasbiondini profile image
NicolasBiondini

Really nice job! Congrats! It looks very clean! šŸ‘

Collapse
 
felixdusengimana profile image
Felix DUSENGIMANA • Edited

Nice work.
As an input, you might consider giving the navbar a background color on scrolling to differentiate it from other contents.

Collapse
 
lico profile image
SeongKuk Han • Edited

Awesome, code looks clean, great!

Collapse
 
earthcomfy profile image
Hana Belay

Thanks

Collapse
 
earthcomfy profile image
Hana Belay

Hi, Thanks for the feedback.

Yes you are right, the fixed nav bar covers some text. I'll do what you proposed or perhpas find another solution like removing the navbar on page scroll.