Grid & Git

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.

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.

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.

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.