NEW REACT PROJECT – Responsive React Portfolio

Category: | Posted on:August 2, 2023
react portfolio

I re-built my Responsive Web Portfolio project in react for practice. It went pretty smoothly and provided a good opportunity to practice some essential react concepts.

React Features Employed:

  • Split project out into nested components
  • Converted vanilla JS event listeners to state
  • Used effect hook to listen for user scrolling action
  • Discovered react-router-hash-link package that works great for anchors

I may convert my personal portfolio to react as well if I get the chance. For now having this separate project version is nice for filling out the Play section.

View Project View Code
Tags: ,

Related Logs

  • UPDATE – Space Invaders

    January 28, 2025

    Quick presentational update to the Space Invaders project. Keep Shields Centered On Hit Shields will now automatically maintain a centered position when hit my an alien missile. I initially thought this was going to involve some math to determine whether the missile hit on the right or left side. I even put together a formula […]

    Continue Reading

  • NEW PROJECT – Space Invaders

    January 27, 2025

    Space Invaders is a bare-bones facsimile of the classic arcade game of the same name. Objective I wanted to take what I learned from the Asteroids Tutorial in my last project and iterate without the training wheels this time. Space Invaders has more lateral movement from the player and hostiles than in Asteroids, and has […]

    Continue Reading

  • NEW PROJECT – Asteroids

    January 9, 2025

    Asteroids is a bare-bones facsimile of the classic arcade game of the same name. Objective I want to focus on more creative projects this year in order to break up the grind of work skill development. I’ve always been passionate about game design, and there are a lot of free tools to chose from. My […]

    Continue Reading