GridCarousel

Lunary

Next.js, Typescript, Astronomy Engine

Progressive Web App calculating planetary and lunar positions in real time using the Astronomy Engine library, with personalised lunar data and subscription features.

View CodeCode

Crystal Index

TypeScript, Next.js, Prisma, SQL, GPT4, React 3 Fiber

Custom CMS for cataloguing crystals with structured filters for colour, chakra, and properties, and GPT-4-generated descriptions.

View CodeCode

Succulent

Next.js, Ayrshare API, AI SDK, Stripe, Shopify API

Social media management platform with integrated print-on-demand and e-commerce automation. Unified publishing, scheduling, and product creation across 13+ social platforms with automated store synchronization.

View CodeCode

Day Lite

React, Javascript, Mapbox GL, Vite

Interactive globe visualising daylight patterns worldwide in real time using geospatial data from MapBox GL.

View CodeCode

Scape²

Next.js, Vercel E-commerce, Shopify

Customised Vercel E-commerce template integrated with Shopify APIs to create and deploy a functional online storefront.

View CodeCode

Glint

Next.js, Vercel Edge Middleware, PostgreSQL, Recharts

Custom analytics platform built on Next.js Edge Middleware for zero-latency tracking and PostgreSQL for persistence. Self-populating dashboard via Cloudflare Worker cron job that simulates traffic from global edge locations.

View CodeCode

The CSS Color Game

Next.js, Vercel Edge Middleware, React Email, Resend

A daily color platform built with Next.js that combines an interactive color recognition game with automated email delivery and social sharing.

View CodeCode

Balloon Bonanza

React, Typescript, Matter.js, Vite

A real-time physics simulation using Matter.js to render interactive balloons with realistic collision dynamics and constraint-based interactions.

View CodeCode

Liquidity

Next.js, Typescript, GSAP, Rapier2D

Experimental Next.js project exploring advanced animation techniques for creating liquid text effects through multiple approaches.

View CodeCode

Rainbow Laser Pointer

React, TypeScript, HTML5 Canvas

An interactive canvas-based laser pointer application with smooth trail rendering and color transitions.

View CodeCode

Artistry

React, Python, SQL

Integrates the Rijksmuseum API to retrieve and search artwork data, storing results in a SQL database accessed through a Python REST API.

View CodeCode

Communication Infographic

React, Javascript

Interactive timeline highlighting key developments in communication technology, built with React and SVG animations.

View CodeCode

Space Invaders

Javascript

Recreation of the classic arcade game built in JavaScript with keyboard controls, scoring, and progressive difficulty.

View CodeCode

Volcano Visualisation

D3.js, Javascript, React 3 Fiber

3D globe mapping volcanic eruptions worldwide using GeoJSON datasets with D3.js and React Three Fiber.

View CodeCode

P5 Interactive Graphics

P5.js, Javascript

A front-end application, which renders a dynamic interactive graphic visualisation which reacts to the users cursor movement and position, created with P5.js and Javascript.

View CodeCode

Matter.js

Matter.js, Javascript

Interactive physics demo using Matter.js to simulate object motion and collision dynamics in real time.

View CodeCode

Three.js 3D Model

Three.js, Javascript

3D scene rendered with Three.js displaying a butterfly model surrounded by animated geometric particles in a panoramic environment.

View CodeCode

NASA API

React, Javascript, NASA API

Displays imagery and data from NASA’s Mars Rover and Astronomy Picture of the Day APIs with efficient image rendering and request handling.

View CodeCode

On Set

React, MapBox GL, JavaScript, MongoDB

Map-based app indexing film locations across London using MongoDB for storage and MapBox GL for geospatial rendering.

View CodeCode