t

Trevor Blades

AboutProjectsLabOSS
Subscribe
npm i react-spiral
scroll down scroll down scr
oll down scroll down scroll
down scroll down scro
ll down scroll
down scro

My favourite things

These are a few of my projects that I'm particularly proud of.

Knoword

Educational game

Playback

Filmmaking tool

Pollenize

Election education

Apollo Odyssey

Learning platform

Planet Stories

Editorial/research tool

In every job that must be done there is an element of fun.

Lab

This is where I write about the things that I built and share some of the things I learned while building them.

CAPTCHA and GraphQL, The Cool Way

Secure your API with reCAPTCHA and GraphQL Shield

4 minutes

Code Block Alchemy

Building multi-language code samples

1 minute

Infinite Scroll With Apollo Client 3

How to implement infinite scrolling in React and GraphQL

6 minutes

Using KaTeX With Gatsby and MDX

How to write mathematical notation in your blog posts

1 minute

Versioned Documentation

Support multiple versions in your Gatsby docs site

6 minutes

Circle Wipe Transition

How to expand a circle to your viewport

2 minutes

Spiral Into Madness

Field notes from my journey to the land of geometry

11 minutes

Open source

react-spiral

🌀 A React component to render text in spiral shapes

6View

use-query-string

🆙 A React hook that serializes state into the URL query string

gatsby-embedder-excalidraw

🤴 Custom transformer to embed Excalidraw diagrams

countries

🌎 Public GraphQL API for information about countries

281View

gatsby-plugin-apollo

🧁 Set up your Gatsby project to use Apollo

emoji-favicon

🦄 Plugins that generate an emoji favicon for you

Made with 🥥 in Burnaby, BC
© 2022 - Source code