Button Styler
Button Styler
A tool for styling buttons and CTA's to be used in development projects.
Image 0
Image 1
Image 2

Adjust size, color, text and border styles, corner radii, and shadows through a structured interface that displays changes and the corresponding CSS in real time.

The generated CSS is ready to copy directly into your project.

Tube Info
Tube Info
A handy little app for getting real-time London Underground information.
Image 0
Image 1
Image 2
Image 3

Uses the TfL Open Data API to get the real-time information about the London Underground networks. You can see the status of each line, and expected arrival times for each line serving a selected station.

Detailed information is displayed for each station, including station address, facilities, and an interactive map of the surrounding area.

To limit API usage, resquest responses are cached on the server for a given period of time.

Powered by TfL Open Data
devBox
devBox
Your development toolbox
Image 0
Image 1
Image 2

devBox is a toolbox for developers to store and quickly access the resources they use every day - code snippets, AI prompts, terminal commands, links, notes, and files. Items are organised by type and grouped into collections, giving you a fast, searchable second brain for your dev workflow.

2026-04: This is currently in development
Covid19 Tracker
Covid19 Tracker
Developed during the COVID-19 pandemic, this application visualizes global COVID-19 case and death data.
Image 0
Image 1
Image 2

Users can select up to five countries to generate a comparative graph, enabling clear side-by-side analysis of trends over time. Registered users’ selected countries are saved and automatically reloaded when revisiting the site - feature overkill, but I had some time on my hands…

The source API stopped providing new data on 7 March 2023; as a result, the dataset is now static.
Tetris Revisited
Tetris Revisited
Tetris is a recreation of the original 1980’s classic puzzle game.
Image 0

Position falling blocks, of differing shapes, trying to complete horizontal lines in order to clear them from the grid. Points are awarded for each block placed, and every line cleared.

The speed at which blocks fall increases with the player’s score. The game ends when a player’s blocks reach the top of the grid.

The music and sound effects were kindly written for the game by Joe Lewis.
Colour Clock
Colour Clock
A novel clock representing the time using just color.
Image 0
Image 1
Image 2

The dragable hour indicators can be rotated to freely shift the current time’s color whilst still remaining accurate.

I have also built a working physical version of this clock.

department3D
department3D
Image-rich company website with a simple, clean navigation system and responsive styling.
Image 0
Image 1
Image 2

Department3D is design and visualisation services company - they wanted images of their work to do the talking.

Whack-a-Mole
Whack-a-Mole
A 60-second, fast-paced whack-a-mole game with forced-perspective and gratuitously macabre graphics.
Image 0
Image 1
Image 2

A simple little game built for fun some time ago.

It's the Weather!
It's the Weather!
Explore the world’s weather at a glance with this interactive map.
Image 0
Image 1
Image 2

Select a location to see detailed localized weather information, with clear, intuitive icons representing temperature, precipitation, and other conditions in real time.

Originally this application displayed global weather data. A change in the OpenWeatherMap API now limits free weather data to 25 square degrees.
Striped Horse Resources
Striped Horse Resources
Corporate website for Striped Horse Resources Limited.
Image 0
Image 1
Image 2
Image 3
World Countries
World Countries
Search and filter a comprehensive list of countries, complete with flags and key statistics with links to relevant Wikipedia articles for more detailed information.
Image 0
Image 1
project4
project4
A book-keeping application for small businesses.
Image 0
Image 1
Image 2
Image 3

Allows users to track invoices, payments, and expenses - with a uniuqe everything-is-clickable interface.

Kind Cycle
Kind Cycle
Kind Cycle is an environmental organisation promoting waste reduction by facilitating re-use.
Image 0
Image 1
Image 2
Image 3

The website is designed to educate, encourage and facilitate the re-homing of household goods through local networks or by donating them to charities.

Implements QR code tracking to identify access sources. Supports 10 languages.

Rock Paper Scissors
Rock Paper Scissors
Rock Paper Scissors game.
Image 0
Image 1
Image 2
Image 3

A simple little game with a bold interface. Trekies can also select to play Rock Paper Scissors Lizard Spock.

orjon.com
orjon.com
This portfolio website
Image 0
Image 1
Image 2
Image 3

This portfolio website has been live and actively maintained since 2001.

Booker
Booker
Book-sharing application.
Image 0
Image 1
Image 2
Image 3
Image 4

Users share their book collections with other users of the platform. Registered users upload their book collections to the platform which other users can then browse and request to borrow.

This was a group project built at General Assembly.
Daft Punk Trigger Board
Daft Punk Trigger Board
Daft Punk sample trigger-board with adjustable playback speed.
Image 0