DEV Community

Cover image for Review my Portfolio?
Blair McKee
Blair McKee

Posted on

Review my Portfolio?

Hey guys! I just rebuilt my portfolio in React and would love to get some feedback.

Check it out here

I added a dark mode toggle using the Context API and had a little too much fun with the 80's vibe. Let me know your thoughts on the design and presentation of my work.

I've also recently redone my resume, any suggestions are appreciated. Here's the Google doc

Discussion (12)

Collapse
oscherler profile image
Olivier “Ölbaum” Scherler

It’s nice, but for the “Check out my work” section:

  • A reset button for the filter would be nice;
  • The flip animation is flaky:

    Safari

    Chrome

Collapse
eblairmckee profile image
Blair McKee Author

Ooh good idea about the reset button! Thanks :D I'll work on the animations.

Collapse
oscherler profile image
Olivier “Ölbaum” Scherler

I think you can fix the animation by moving the transform from .card:hover to .portfolio__item:hover > .card.

I don’t know why why the back of the card disappears in Safari after the animation ends, though.

Thread Thread
eblairmckee profile image
Blair McKee Author

Worked perfectly :) Thank you! And no issue in Safari now.
I'm so curious why it didn't work the first time, it must be something about during the transition the cursor is not hovering over the card, but still the portfolio 🤯

Thread Thread
oscherler profile image
Olivier “Ölbaum” Scherler

Yes, since the animation was on the element with the :hover pseudoclass, its bounds were changing as it was rotating, making it basically dodge the mouse pointer, especially if you approached the card from the side.

Thread Thread
eblairmckee profile image
Blair McKee Author

That is a great thought experiment for teaching CSS animations... I may use this in the future ☺️ thank you

Collapse
roelofjanelsinga profile image
Roelof Jan Elsinga

The night mode is such a cool transition! It's well rounded, it has lots of different aspects! There is just one thing that I'd change, which is the portfolio section. When you hover over an image you get the technologies, but it took me a minute to figure out how I could see the full website, so maybe make the whole element a link instead of just the "See live version" text?

Anyway, it looks amazing and I'm jealous of your skills!

Collapse
eblairmckee profile image
Blair McKee Author

I considered making it a link, but worried people wouldn't know to click it. I'll try a version like that. Thanks for looking 😊

Collapse
arswaw profile image
Arswaw

Well I'm impressed. Very cool night mode transition. I never would have thought of doing it that way. I like how you show what you're learning. It shows that you're curious. I like how you've arranged your work history, and the unique 80s look of the site. Very cool.

Your resume looks great! Good job on keeping it at one page by using two columns.

Collapse
eblairmckee profile image
Blair McKee Author

Thanks for looking at my resume, too :D It was nearly impossible getting it down to a page. I've never modified a document so many times in my life.

Collapse
shiftyp profile image
Ryan Lynch (he/him)

I had a little trouble parsing the Google Doc. I think one page is a good goal, but two columns is hard for me at least to read. I started putting your info into a JSON Resume format...which I think will help you with formatting and updating your resume. Best of luck!

Collapse
eblairmckee profile image
Blair McKee Author

what a great idea! thank you! and I ended up getting the job :D just hit my 60 day mark