Grid & Git

A place where layout meets logic.

Projects

This is a collection of projects that I have worked on over the years. Some are more recent than others, but all of them are a testament to my growth as a developer and designer.

Chromic: A Color Palette Generator

Chromic app

Chromic is a simple, elegant color palette generator built with React and TypeScript. It helps designers and developers quickly generate harmonious color palettes and easily copy exact hex codes for their projects.

View Project

Epicure: Recipe Search App

epicure app front page

A recipe discovery app focused on beautiful typography and seamless user experience. Built with React 19 and Tailwind CSS v4, it features instant API-driven search and a fully responsive, mobile-first design.

View Project

Beyond the CRUD: Engineering a Seamless Note-Taking Experience with Lume Notes

Initial screen of Lume Notes

Most developers start with a basic CRUD app, but when I began building Lume Notes, I wanted to move past the basics. As a designer, I’m obsessed with how a tool feels; as a programmer, I’m concerned with how it scales. In this post, I’m diving into the architecture of my MERN stack application—from handling state management with React to ensuring real-time data persistence on Render. It’s more than just a list of notes; it’s a study in how minimalist design can meet robust backend logic.

View Project

Hello World: Finding the Balance in Grid & Git

a split image of a code editor and figma

For years, the industry has tried to draw a hard line between the "Creative" and the "Technical." On one side, you have the Grid: the world of whitespace, typographic scales, and high-fidelity prototypes. On the other, you have Git: the world of deployments, CI/CD pipelines, and the logic that makes products scale.

View Project