What if Game of Thrones characters used GraphQL? 🎲 | October, 2017
GraphQL is seemingly taking over the world and I decided to learn by teaching.
The problem with the GraphQL tutorials out there is that things generally go from "hey watch this video to see why GraphQL is theoretically awesome" to "here is 5 pages of code you need to copy and paste to get the client and server up and running trust me don't worry about it. Oh also be aware of the differences between the 3-4 different server implementations and between Relay and Apollo".
The user hasn't had a chance to be sold yet! Let's take it easy.
To achieve this:
- I created the entire course platform (state managed and persisted clientside with redux) from scratch, cloning css from Codecademy using styled components.
- Forked Facebook's
graphiqlimplementation and put it up on the frontend (not advised!) to put my own tweaks on it
- Created 15 levels of content (all in simple markdown thanks to react-markings) to teach the user GraphQL's basic API in an entertaining way
- implemented CSS animation buttons after taking feedback from user testing
- Backend provided by my own experimental thin framework https://www.npmjs.com/package/swyx
This was done in 1 week as a Fullstack capstone project guided by Gabriel.
It is already paying dividends days later as I can use GraphQL in GatsbyJS without much afterthought.
Back to Home 🏠