A little fun experiment playing around with ThreeJS, takes an SVG & Renders it as a interactable Particle display


Particle Text

A little generative experiment where I try and create a sun ray like effect emanating from off the canvas

Rays

Random Matrix

QRCode Generator

Generative commuter projects just don't end, a series of little tiles with animated shapes


Pop in pattern

Sometimes you have an idea that really drains your laptop battery, this is one of them.


Particle Spray

I'm old enough to be looking at houses to buy, this is just a little tool to calculate all the costs involved

Housing Calculator

Gradient backgrounds come in and out of fashion, but after seeing a gradient background on lu.ma I figured I'd give a gradient designer an attempt.


Gradient Designer

A new version of my gradient designer with better gradient generation, support for noise, and performance improvements built to try and teach myself shaders & WebGL.


Gradient Shader

GeoJson Viewer

The idea behind this was "Wouldn't it be fun if the password visible eye followed your cursor", this is how it ended. (Only works if you have a cursor)


Font To SVG

Eyes

It's a hard life being a commuter but it gives 40 solid minutes to implement small, self-contained creative projects like this.


Digital Background

Sometimes you watch old 90's movies and see an ASCII terminal effect you really want to implement

ASCII Rain

ASCII Loader

A little ASCII eye animation I created for an as yet unreleased AI project


Ascii Eye

Fully customisable animated gradients, an extension of my gradient designer to create something a bit more lively.


Animated Gradients

A few experiments in rendering AI chat messages via a series of different animations.


AI Chat Experiments

Type scales are one of those things that are deeply embedded in the web ecosystem yet go unmentioned because they're concealed beneath a framework or locked behind a text-xl class token. It's almost disturbing the extent to which we rely on these hidden morsels of knowledge hidden many layers deep within our npm imports.


Type scale generator

If there's one thing you can't avoid is taxes, but in the UK it is quite opaque what you're paying as the process is automatic. I built this to make it clearer what was going on in my finances & put it up as other may find it useful as well.


Taxation Calculator

It's hard to keep track of money, Excel may exist but I'm way too cheap to buy the Microsoft Office suite of products. If I wasn't a programmer, this would have put an end to my accounting ambitions. Fortunately I am blessed, this tool is how I keep track of how my savings & investments will grow over time.


Compounding Interest

During design it's quite key to align your line heights to your base grid size (smallest unit used in your design, used for regular alignment) but classically the line heights are defined as a multiplier of the font size. This is just a simple calculator that lets me work out exactly what the multiplier should be when working with awkward units e.g 29.2px;


Colour Converter

The Rossetti Archive is a digital project that aims to honor the legacy of one of the most influential artists of the Victorian era, Dante Gabriel Rossetti. Rossetti was a leading member of the Pre-Raphaelite Brotherhood, a group of artists and poets who rejected the academic conventions of their time and sought inspiration from the medieval past and nature.


Rosetti Archive

I've always believed that good design knows no industry and can belong to any of them. This is my attempt at proving that by designing & building a website for a logistics company that was both clean and modern.


Logistics Company

My goal was to create a site that combines the timeless charm of mid-century architecture posters with the modern design sensibilities of the 21st century. The result is a website that is both sleek and functional, providing a seamless user experience that highlights Isabella's work.


Website

Isabella Richards

As a terminal user of RightMove I've learned to truly appreciate a well-designed home, there's something about a unified home aesthetic that is able to lure anyone in. When I was asked to design an estate agents site, and given a set of sites they wanted me to capture the look of I leapt at the opportunity.


Estate Agent

Coeus is a minimal design built around a generative art experiment, I spend a lot of time working on generative art, and in general, messing around with what's possible with programming. After discovering Clifford attractors an idea hit me of how to incorporate it into a design and this is the result.


Coeus

Random-seedable is an open-source collection of random number generators written in JavaScript with built-in support for Typescript. I built it up over a number of weeks while trying to gather a greater understanding of modern seedable random number generators. Its current audience is developers writing games, generative artists, and is now used as part of Microsofts' FluentUI.


Github

Random Seedable

Originally started to help get my head around attention mechanisms, this small project implements several versions of attention backed by conventional RNNs. I created a complete demo that enables you to explore the attention mechanism by dropping selected tokens from the input. This makes it simple to observe the impact of including or excluding different words on both the attention calculation and the final prediction.


Tweet Sentiment

QANet was a top-performing Question Answering Network on the SQUAD dataset until it was surpassed by BERT. I created my own version using the original paper as there was no open-source implementation available. My implementation achieved the same results as the paper and even exceeded it with the addition of contextual embeddings and part-of-speech tags. Features include pre-trained checkpoints, options for resource-efficient training, and a live demo.


Original Paper

QANet Implementation

The direct answering of open-ended questions is the next stage in conversational AI and search engines. In my Master's thesis,  I took on this challenge and developed a question-answering chatbot using deep learning. Which I tackled by breaking  the problem down into a sequence of simple retrieval problems.


Conversational AI

An open-source robots.txt parser designed for use in web scraping or crawling projects running on Node.js.  Originally developed from a hobby project, I've improved and built upon it over the years, introducing TypeScript typings, additional features, as well as bug fixes, and general maintenance. With three revisions, weekly downloads anywhere between 1000 - 2000, and over 300,000 lifetime downloads, it has proven to be a  successful project that filled a niche.


Robots.txt parser

For my Bachelor's degree dissertation project, I designed and developed an autonomous drone platform utilizing the Robotics Operating System (ROS). This platform had the ability to execute takeoffs, landings, and navigate accurately along a series of waypoints, covering distances of over 100 meters while staying within a user-defined geo-fenced area.


Projects