[ Portfolio ]

Local time

Design-led builds with motion, structure, and clarity.

Building polished digital work that feels deliberate from the first frame.

Full Stack Software Engineer

I design and build interactive web experiences with a focus on performance, visual continuity, and details that hold up under real use.

View selected projects

Tools

Interactive developer utilities built in React and TypeScript

TypographyCSS

Type Scale Generator

Generate a modular type scale and export it as CSS custom properties.

Open →
AnimationCSS

Cubic-Bezier Editor

Drag control points to build CSS easing curves with a live animation preview.

Open →
SchedulingDevOps

CRON Expression Builder

Build CRON schedule expressions visually with a human-readable translation.

Open →
AlgorithmsCS

Sorting Visualizer

Watch bubble sort, merge sort, and quicksort animate step by step.

Open →
DesignAccessibility

Color Palette Generator

Generate an 11-shade palette from any color with WCAG contrast ratios.

Open →

[ About ]

Skills + approach

I build thoughtful digital products with a balance of visual craft, technical discipline, and motion that serves the experience.

More about me

[ Frontend ]

React

Next.js

TypeScript

Tailwind CSS

GSAP

[ Backend ]

Node.js

REST APIs

PostgreSQL

Prisma

Authentication

[ Working Style ]

I care about strong structure, readable code, and interfaces that feel sharp and intentional. My focus is building products that are performant, maintainable, and visually composed.

Based in California