Portfolio site for professional purposes.
Visit Site · LinkedIn · Github
This project was made using React and Typescript. While most of my projects are in Vue.js, I figured I'd make this site using React.
The images were purchased from craftwork.design! They have some pretty solid sets.
The illustrations were provided in multiple formats, including Adobe Illustrator files. I separated the graphics into the layers, and rendered them as a SVG. From there it was just a matter of animating the separate layers.
After going through quite a few libraries, I finally settled on scroll-snap for scroll control and react-parallax-tilt to move the SVG layers as the user moved the mouse.