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...

Read full post

iamjamie • May 18 '22

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...

Hana Belay • May 18 '22

Thanks for the feedback.

Mostafa Said • May 19 '22

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.

Hana Belay • May 19 '22

Thanks for the feedback.

Kamil Trusiak • May 19 '22

Looks nice :)

There are few things I would improve, though:

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

Anyway, good job ;)

Hana Belay • May 19 '22

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

Andrew Baisden • May 19 '22

Nice its clean and modern well done.

Hana Belay • May 19 '22

Thank you very much.

Andrew Baisden • May 20 '22

How long did it take to build?

Hana Belay • May 20 '22

2 days.

Batuhan 🦊 • May 19 '22

great!

NicolasBiondini • May 19 '22

Really nice job! Congrats! It looks very clean! 👏

Felix DUSENGIMANA • May 19 '22 • Edited

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

SeongKuk Han • May 19 '22 • Edited

Awesome, code looks clean, great!

Hana Belay • May 19 '22

Thanks

Hana Belay • May 18 '22

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.