Hey,
I'm John

Frontend Developer

I play with pixels, and sometimes with bytes

I specialise in frontend development, and I have over a decade of industry experience, both as a solo developer and leading a team. I work on accessible and performant solutions to bring the web to life.

12 Years of experience

114+ Websites

Professional Projects

I've had the privilege of working on exciting professional projects within the dynamic world of a web agency, where every day brings fresh challenges and opportunities. Below is a selection of clients I have worked with.

Content Management Systems

I have extensive hands-on experience working with Content Management Systems (CMS's). I've used the following.

Side Projects

I also enjoy working on personal projects in my spare time, below is a showcase of some projects I have brought to life.

Flaggle

Think you know flags? Want to test your country knowledge? Bet you can't get three perfect flags in a row. Try Flaggle, the game that tests your flag knowledge in a Wordle style game.

View Flaggle site

3D spinning megadrive cases with text details of the games below.

Megadrive Collection

With a collection of 45+ physical games, my Megadrive collection is an ever-growing nostalgia trip. Wanting to easily view my collection at a glance, I tasked myself to create an online space where I can experience viewing the boxes in 3D.

With included scanlines for that retro look.

View Collection site

Proxy Host

A NodeJS runtime application I created to solve a problem I had; needing a way to view in-development websites hosted on my laptop on my iPhone.

Proxy Host attempts to solve that problem by allowing for a seamless way of proxying to local websites. With quality-of-life features such as QR Code for easy navigation, storing project URLs for future use, injecting CSS and JS, and more.

GitHub Project NPM Package

A game of solitaire depicting the endgame animation, with multiple cards stacking up on each other.

Solitaire Explode

Haven't quite got the patience to complete a game of solitaire, but want the gratification of the visual card explosion? I've got you covered.

Built in vanilla JavaScript, using canvas, spawn the cards and feel like a card pro.

View Solitaire site

A NodeJS terminal, showing two commits within the last 7 days.

GitOutOfHours

Ever wondered how often you burn the midnight oil or how many commits you do outside of working hours? Check out this npm package that allows you to retrieve the counts per user. Run npx gitoutofhours.