Work Experience

Projects

A collection of my latest work and side projects

Memo
git

Memo

A text memorisation tool built with React. Progressively hide words to encourage active recall and memorisation.

React
Daisyui
tailwindcss
gpgpu-flow-field
git

gpgpu-flow-field

GPGPU and flow field techniques used to animate particles that appear to move under the influence of dynamic, fluid-like streams.

Three.js
React
Shaders
kyledlong
git

kyledlong

My personal portfolio showcasing projects, work experience, and technical skills.

Next.js
React
Daisyui
tailwindcss
Particles-Cursor-Animation
git

Particles-Cursor-Animation

Interactive particle system that reacts to cursor movement using custom GLSL shaders.

Three.js
React
Shaders
heathers-coins
git

heathers-coins

E-commerce platform for rare coin collection with Stripe payment integration.

Next.js
Stripe.js
github Actions
daisyui
tailwindcss
Gsac-world-view
git

Gsac-world-view

3D globe visualization with Slack integration for tracking global events.

React
Three.js
Shaders
Node.js
Slack-bolt
hologram
git

hologram

Animated holographic effect using custom vertex and fragment shaders.

React
Three.js
Shaders
coffee-smoke
git

coffee-smoke

Realistic smoke simulation rising from a coffee cup using particle systems.

React
Three.js
Shaders
phoenixdota
git

phoenixdota

Dota 2 hero stats dashboard with real-time data from Steam API.

React
tailwindcss
Cloud Functions
iphone-clone
git

iphone-clone

Apple iPhone 15 Pro landing page clone with 3D model interactions.

Three.js
React
Next.js
rubiks-cube
git

rubiks-cube

Interactive 3D Rubik's Cube with rotation controls and solve animations.

Three.js
React
ecom
git

ecom

Full-stack e-commerce store with Stripe payments and Sanity CMS.

Next.js
React
stripe.js
Sanity
marble-race
git

marble-race

Physics-based marble racing game with realistic collision detection.

Three.js
React
physics-r3f
git

physics-r3f

3D physics playground demonstrating gravity, collisions, and forces.

Three.js
React
macbook-portfolio
git

macbook-portfolio

Portfolio presented on an interactive 3D MacBook Pro model.

Three.js
React
geojson-visualisation
git

geojson-visualisation

Interactive map visualization tool for GeoJSON data with custom markers.

Three.js
React
r3f-drei
git

r3f-drei

Showcase of React Three Drei helper components and utilities.

Three.js
React
portal-scene
git

portal-scene

Mystical portal scene with glowing effects and animated particles.

Three.js
React
animated-galaxy
git

animated-galaxy

Rotating spiral galaxy with thousands of animated star particles.

Three.js
React
raging-sea
git

raging-sea

Realistic ocean waves created with vertex displacement shaders.

Three.js
React
fox
git

fox

Animated 3D fox model with walk, run, and idle animations.

Three.js
React
environment-map
git

environment-map

Reflective 3D objects using HDR environment mapping techniques.

Three.js
React
ball-physics
git

ball-physics

Bouncing balls simulation with realistic physics and collisions.

Three.js
React
galaxy-generator
git

galaxy-generator

Procedural galaxy generator with customizable parameters and colors.

Three.js
React
particles
git

particles

Particle system experiments with various shapes and animations.

Three.js
React
haunted-house
git

haunted-house

Spooky 3D haunted house scene with fog, lights, and shadows.

Three.js
React
kdonut
git

kdonut

Rotating 3D donut with colourful materials and lighting effects.

Three.js
React
3d-portfolio-v1
git

3d-portfolio-v1

First iteration of my 3D portfolio with floating island theme.

Three.js
React