HOW TO BUILD / PORTFOLIO

How these were made.

Each product started with an idea, then a set of practical build choices. Here is the short version of the tools and approach behind each one.

SHIPPED PRODUCTS

The build behind each product

Explore each product on its live website.

Live website · multiplayer game

Where the idea came from

Make the familiar film casting debate playable as a live auction.

Technology used

JavaScript, esbuild, browser-based PeerJS/WebRTC rooms, and Vercel.

How I built it

I built the auction rules and film catalogue, connected players through host-led rooms, and added a solo AI mode.

Live website · multiplayer game

Where the idea came from

Bring the tension of a cricket player auction into a browser game friends can join from their own devices.

Technology used

JavaScript, esbuild, PeerJS/WebRTC, a Cricsheet-based player catalogue, and Vercel.

How I built it

I built the player data and scoring rules, then added real-time rooms, bidding, reconnects, and results.

Live website · creative tool

Where the idea came from

Take one repetitive video cleanup problem and give it a simple browser workflow.

Technology used

TypeScript, Vite, browser Canvas, and FFmpeg WebAssembly.

How I built it

I paired frame preview and logo detection with browser-side video processing in a focused interface.

Live website · developer tool

Where the idea came from

Let developers start from text they already have, then refine the resulting diagram visually.

Technology used

Next.js, React Flow, ELK layout, and optional Supabase sign-in.

How I built it

I added lightweight text parsers, arranged the nodes with ELK, and made them editable and exportable in React Flow.

HAVE SOMETHING IN MIND?

Tell me the problem you want to solve. I’ll help you find a practical way to make it real.