/gatsby-portfolio

My personal portfolio built using Gatsby.

Primary LanguageJavaScriptMIT LicenseMIT

Gatsby

Cade Kynaston's Portfolio

Netlify Status

My personal website I created using Gatsby, React and Netlify. Check it out!

Features

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.

Tech Stack

Acknlowledgements

Check out Brittany Chiang's Portfolio. Her site heavily inspired my design and feel.