October 6th, 2020
I recently updated my site! See it here
Here’s a quick overview of the tech I used:
Create-React-App to initiate the project
React-Router for navigation
GSAP animations to get things moving
Styled Components to make it all pretty
My navigation burger and fold out menu is made with Styled Components. I’ve used them before, and I really enjoy them. It’s convenient to have all your code, styles and JSX in one place. It makes it faster for me to see it all at once. I can see how everything works together and make any changes efficiently.
This was my first time using Green Sock animations (GSAP). There are some great resources on YouTube showing how things work. After that, it was a lot of trial and error to get things moving smoothly. The Scroll Trigger plug-in was the main reason I wanted to try out GSAP. I wanted to get some animations that began on scroll, which can be tricky with CSS animations.
Hope you like the new site!
If you have any comments or feedback, Get in Touch
Best of luck on all your projects!