DEV Community

Chantae P.
Chantae P.

Posted on • Updated on

I finally completed my portfolio

So I have created my portfolio. I had a hard time coming up with a design template for how I wanted my portfolio to look. I know I wanted something simple and not too complicated since I'm still a newb. So instead, I used the theme from Freecodecamp video. Even though I didn't use the exact design, do you think employers will see this a negative since I didn't come up with my own design and code? Let me know what you guys think!

P.S. The resume is still work in progress.

Update as of 5/24:
-Fixed the about me section to make it more readable on mobile devices.

Top comments (31)

Collapse
 
nunojllemos profile image
nunojllemos

Looks great and works pretty nice.
I only looked up on mobile and I would recommend a few things if you donโ€™t mind. I think it would be a good idea if you try to use mix-blend-mode: difference on your hamburger icon so it can be visible on any section, dark or white. The other one is the about text, ot seems to small and with short line-height, probably it is intentional but I found it a bit hard to read.

Collapse
 
taepal467 profile image
Chantae P.

Yeah I just noticed that too. I'll work on the changes and thank you for pointing that out.

Collapse
 
ben profile image
Ben Halpern

Looks nice! Personality comes through in the design and seems very well executed!

Collapse
 
taepal467 profile image
Chantae P.

Thank you so much!

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
taepal467 profile image
Chantae P.

Okay thank you for telling me. I'll check it out and make changes

Collapse
 
andrewbaisden profile image
Andrew Baisden

It's pretty good and it works responsively too so well done. Definitely has a unique style and design to it which you don't often see.

Collapse
 
taepal467 profile image
Chantae P.

Right! That was exactly what I was going for. Simple and clean yet different. Thank you.

Collapse
 
yuridevat profile image
Julia ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

I really like how/that you share your improvements on your portfolio. You as well as others will learn a lot from it.

Collapse
 
taepal467 profile image
Chantae P.

Thanks me too want too bad either

Collapse
 
janicera2880 profile image
Janice Alecha

I am impressed and I'm inspired. I just survived my first week in SE class.

Collapse
 
taepal467 profile image
Chantae P.

Thank you and congratulations on completing your first week. Learning how to code is not easy. So no matter how hard it gets, just never give up! I know I wanted to quit plenty of times. But quitters never prosper!

Collapse
 
janicera2880 profile image
Janice Alecha

Thank you for your words of encouragement. I need it right now.

Thread Thread
 
taepal467 profile image
Chantae P.

Trust me, I know how you feel. That's why I'm glad the DEV community exists. There's a lot of us who are struggling learning how to code. But as long as you keep pushing forward you'll make it.

Collapse
 
vietmle_ profile image
Viet Le

looks very unique!

Collapse
 
taepal467 profile image
Chantae P.

Thank you!

Collapse
 
kuyrathdaro profile image
Rathdaro Kuy

Yeah it's cool. I also had a hard time when building my own portfolio.

Collapse
 
taepal467 profile image
Chantae P.

Nice to know I'm not the only one.

Collapse
 
codeystein profile image
codeyStein

Really unique, good job!

Collapse
 
taepal467 profile image
Chantae P.

Thank you!

Collapse
 
lhthang96 profile image
Thang Luong

It looks nice and clean, I also love the script font you chose.

Just one problem about the nav items animation, moving the mouse to the edge of the nav item will lead to the unexpected animation loop.

Hover Nav Item

I think this can be fixed by moving the hover selector from the text to the container.

Collapse
 
taepal467 profile image
Chantae P. • Edited

I will make the changes. Thank you for pointing that out.

Collapse
 
j471n profile image
Jatin Sharma • Edited

All looks good, everything is fantastic. Just One issue though-
On mobile devices when you visit the section such as Home, About through Mobile Navigation. It should disappear after user clicks the link.

ISSUE-

Example

Collapse
 
taepal467 profile image
Chantae P.

Thanks for pointing that out.

Collapse
 
funnypan profile image
panfan
Collapse
 
fegroders profile image
Fernando Groders

I would like to see a button to switch to dark mode, but besides that I liked it :D

Collapse
 
taepal467 profile image
Chantae P.

That's actually a good idea. That would be something cool to learn

Collapse
 
aaronshenny profile image
Aaron Shenny

great