Work / 02

Projects.

Side projects that got out of hand.

01 / Build

Things I built.

A layout tool for my photographs, and yours.

Result: I can turn a gallery edit into several compositions and export one at an exact Instagram size. Photos stay in the browser.
The problem: I wanted a small set of photographs to read as one considered composition, without arranging every frame by hand.
What I did: I built an engine that pairs editorial layouts with image shape and color, then added gallery picks, uploads, light refinement, and PNG export.
Tools: Next.js · TypeScript · Canvas · Lab color

One photograph, down to its pixels.

Result: I made the relationship between the image and its data visible in one interactive panel.
The problem: I wanted to show the technical side of my photography with something visitors could inspect themselves.
What I did: I connected a real gallery frame to an EXIF code view, a dominant-color palette, and an RGB histogram computed from the image pixels.
Tools: Next.js · TypeScript · Canvas · Color analysis

A reference photo, translated into editing targets.

Result: I can compare a reference and a preview without sending either photo to a server. The targets are directional, not a recovered preset.
The problem: I can see a color treatment I like, but turning that observation into editing decisions takes another kind of looking.
What I did: I built local image analysis for palette, white balance, contrast, and tonal zones, with editing targets and an approximate preview on a second photo.
Tools: TypeScript · Canvas · Lab color · Median-cut palette

My photography, code, and design under one roof.

Result: I can add photographs through files and keep projects, roles, and stories in editable content. The site is the working example.
The problem: I needed a home for the photographs that also made room for how I build, teach, and think.
What I did: I built an editorial design system around a file-based photo library, accessible gallery interactions, an adaptive inquiry flow, and these browser tools.
Tools: Next.js · TypeScript · Tailwind CSS · Motion · GSAP · MDX

02 / Design

Still putting these together.

Placeholder

Screens go here.

I’ll add the interface and the decisions behind it.

01 / DesignScreenshot to come

Placeholder case

Placeholder: project name and context to come.

Result: I’ll add the outcome and the evidence behind it when the case is ready.
The problem: I’ll add the user need, the constraints, and the question I set out to answer.
What I did: I’ll show my part in the research, flows, interface decisions, and iterations, alongside the screens.
Tools: To be added with the case