Based in Chicago Open to opportunities Design background

Developer with a designer's eye.

I build interfaces that look intentional and work reliably.

View work About me

HTML

CSS

Tailwind

JavaScript

React

Node.js

GitHub

Figma

Framer

Photoshop

Illustrator

InDesign

Selected work

Projects

React Vite React Router

8ighty8 Supply

View Site GitHub

React component marketplace with live previews, routed product pages, and a hand-built UI system.

CSS Grid Flexbox

HealthSync

View Site GitHub

Health-tech marketing site built with responsive CSS Grid and Flexbox layouts.

Express MariaDB SQL

Vroom

View Site GitHub

Car rental platform with Express.js and Node.js.

Mobile App Branding

Fitly

AI personal trainer concept with workout generation and gym equipment scanning.

Under the hood

Built with fundamentals.

This portfolio is intentionally hand-built with semantic HTML, responsive CSS, and JavaScript behaviors. No heavy framework is needed for the core experience.

index.html

<div class="hero-main">
  <img src="img/waving.png"
    alt=""
    class="hero-wave"
    aria-hidden="true">
  <div class="hero-content">
    <h1 class="hero-title">
      Developer with a designer's eye.
    </h1>
  </div>
</div>

style.css

/* Primitive tokens */
:root {
  --c-ink: #0A0A0F;
  --c-paper: #FFFFFF;
  --space-6: 1.5rem;

  /* Semantic roles */
  --bg: var(--c-paper);
  --text: var(--c-ink);
  --accent: var(--c-signal-500);
  --surface: var(--c-100);
}

scripts.js

const sectionObserver =
  new IntersectionObserver((entries, observer) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        reveal(entry.target, observer);
      }
    });
  });

Available now

Let's connect

Open to freelance projects and select work.

Hire me