Austin Serb's portfolio

Why I Built My Portfolio

I wanted to showcase my projects first, and my skills using motion.

How I Built My Portfolio

I used motion to create all the animations, and second I used React Zero UI to keep the re-renders to zero. that is how I was able to have all these animations while still keeping lighthouse scores at 90+

Challenges in Creating My Portfolio

The main card slide animation. First was how to handle the offset logic for where the cards render, and connect that to the scroll, and have it go where I want it to end up. Then optimizing all that for mobile was a pain. I ended up using webapi for the animations instead of the motion library.

How I Overcame Those Challenges

Pure Grit. There was not a lot of resources online for how to achieve this, and AI is terrible at doing advanced animations. So I pretty much had to figure it out through trial and error.

Inspiration

Inspiration came from Apple. I want it to be super simple, with one thing that created that "wow" effect.