Work

Point Hacks secure transition pages

  • Vue JS
  • GraphQL
  • Google cloud functions
  • Google cloud storage
  • Web hooks
  • Circle CI
  • Gridsome

The UI build in general was pretty simple and implemented with Gridsome - The Vue js equivalent of Reacts Gatsby. Each card has a static page that is sourced from a GraphQL API - In our initial builds we used a dynamic page - But quickly switched to a static page for each card once the speed was realised. This is a core business critical path item that has seen minimal down time since deploying. Sitting on a google cloud stack.

Link

Traintraingo.com.au

  • react
  • es6
  • graphql
  • nodejs
  • ptv api
  • nextjs
  • serverless
  • Apollo-client
  • SSR (Server side rendering)
  • React Context API
  • Styled components
  • Jest
  • Travis CI

I played around with implementing Apollo Server / Graphql with a Rest API (PTV Api). Apollo server itself is running as a serverless lambda function. My own personal project. Client UI unit tests with Jest have also been implemented which proved challenging given all the context consumers and mocked providers (Apollo).

Link

COPIA - Band website

  • Vanilla JS
  • Fetch API
  • CSS Animation
  • Jade / Pug
  • es6
  • GIT
  • PostCSS
  • SVG
  • CSSNext

Custom front end build that feeds in bandsintown tour data. Each component was built from scratch.

Link

Cochlear: Does love last forever?

  • Jade / Pug
  • Javascript
  • HTMLMediaElement web API
  • GIT
  • ES6
  • CSS
  • PostCSS
  • SVG

Custom front end build incorporating an interactive video hearing test. Each component was built from scratch with some accessibility considerations.

Visit Grampians

  • jQuery
  • Javascript
  • GIT
  • Twig
  • CSS
  • SASS
  • HTML5

Reskinned an already existing platform to match grampians online branding.

Radiant Returns