Skip to content
My personal portfolio built using Gatsby.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
static
.gitignore
.prettierrc
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
package-lock.json
package.json

README.md

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.

You can’t perform that action at this time.