Senior Frontend Developer leading the Design System team at Octopus Energy
Writing
Stop using margins
Code
South of France 🇫🇷
Travel
Photography
Life
"How long does it take to charge then?"
Life
Travel
EVs
"How much does it cost to charge mate?"
Life
Travel
EVs
End of January already
Life
Lyme Regis 🦖
Life
Photography
Travel
2022 round-up
Code
Work
Life
XState: Using `invoke` and `always` when loading data inside a state machine
Code
2022 Playlist
Music
Margate 2022
Photography
Life
Grolsch 400: Building a graphic-shifting hover state with SVG
Code
Northskull: Building a parallax scrolling system with vanilla Javascript
Code
Work
Octopus Energy: Saving Sessions
Part of the excellent team that built out a real-time events platform for the Octopus Energy Saving Sessions campaign.
Lexus
Lead developer on a Facebook Messenger Chatbot for luxury car company, Lexus. This bot allows users to book a test drive in one of the vehicles from the Lexus Hybrid range.
MCM Worldwide
Lead developer on a Conversational eCommerce Bot for high-end fashion brand MCM Worldwide
Netflix Recomoji
Application engineer on Netflix side-project, Recomoji. One of three engineers at IV.AI building out features to allow users to send emoji to the Facebook Messenger Bot to receive show recommendations 👏
Labour
Design and development on a Wordpress Multisite Theme for [The Labour Party](https://labour.org.uk/). This theme is used throughout the country to power individual sites for MPs, candidates, CLPs and council groups. For the many 😏✊
Flashlight
Design and engineering for the Flashlight application UI and promotion page. Running on [Next.js](https://github.com/zeit/next.js) and using GraphQL for data queries, mutations and subscriptions. Flashlight is a tool for automating customer services using AI, built by [IV.AI](https://iv.ai) 🤖
Hope Not Hate - Alternative Right Report
Design and build for Hope Not Hate - The Alternative Right Report. [Hope Not Hate](https://hopenothate.com/) produced a report on 'The Alternative Right', and wanted to produce a site to display the keys points of the research.
Carhartt WIP
Supporting developer working on modules and continued updates for Carhartt WIP. [Everyeverything Studio](https://www.everyeverything.studio/) on design ✊
Scape
Website for student accommodation agency – Scape. Supporting developer building components in React, including responsive image loading.
Framestore
Full front-end build for world-renowned film / production / VFX studio – Framestore.
Are you okay?
Website for "Are you okay?" – An online store for products that act as social tools.
Northskull
Full front-end build for the online store of Northskull. With [Etienne Ledemay](https://twitter.com/etienneledemay) on design and motion, we overhauled the online presence with a clean, functional interface.
Too Hot Limited
Full stack Shopify build for the iconic pieces at Too Hot Limited. Tag-team dev with [@OREARDON](https://twitter.com/or34rdon), as part of @TWOBLOKES 💀 – [@WHYBRAY](https://twitter.com/whybray) on design.