Cade Kynaston's Portfolio
My personal website I created using Gatsby, React and Netlify. Check it out!
I used the
gatsby-transformer-json Gatsby plugin to query the data for the site from the json folder in
/src/ and then build the site accordingly.
I was experimenting the the CSS property
mixed-blend-mode to give the SVG's and the text on the side bars a cool color change effect when you scroll between each section.
Netlify has some awesome features including automatic SSL encryption, continuous deployment, and form handling. I used their free form submission features and it was quick and intuitive with no server setup required. You can even use their form submission with a fetch request so there are no redirects.
Building this site was a great opportunity to become more familiar with React hooks so I implemented them wherever I could.
Check out Brittany Chiang's Portfolio. Her site heavily inspired my design and feel.