Hello, I'm
Design Engineer
I design in code — from rough sketch to shipped screen.
React · TypeScript · Design Systems · SCSS · 11 years
About
For 6+ years I directed UI/UX for a logistics SaaS platform used by 500+ trucking companies across the U.S., where I built the React component library and SCSS design system from scratch and shipped hundreds of operational screens as one of its earliest and longest-tenured engineers.
I specialize in React, TypeScript, SCSS/SASS architecture, and CSS Custom Properties. I've shipped dark mode across an entire platform, removed legacy dependencies like jQuery and react-bootstrap, hardened frontend security with DOMPurify and dependency CVE remediation — and before leaving, I encoded the entire design system into Cursor rules the team shipped on-spec UI with.
I turn complex product requirements into clean, maintainable, pixel-perfect UI.
Tech Stack
Core
Styling
UI Libraries
Tools
Practices
Experience
Design Engineer
Apr 2026 — Present
Designing and building client products end-to-end: sauravdecor.com (full-stack TypeScript/Next.js), daretodreamadventures.com (Next.js + headless CMS), estherperez.com (editorial fine-art gallery).
Director of UI/UX
Dec 2019 — Mar 2026
Built the React component library and SCSS design system from scratch — 80+ components, platform-wide dark mode. Directed UI/UX across hundreds of operational screens; top-5 contributor with 2,000+ commits. Before leaving, encoded the design system into Cursor rules the team shipped with.
Frontend Developer
2017 — 2022
23 projects, $10K+ earned, 808 hours, near-perfect ratings. Figma to pixel-perfect code, responsive SaaS UIs, landing pages.
Frontend Developer
2018
Built responsive corporate websites and an eLearning platform frontend.
Frontend Developer
2017 — 2018
Custom modular frontend code, Ruby on Rails frontend integration, SASS.
Web Developer
2015 — 2016
WordPress development, PHP, ecommerce (OpenCart).
Projects
Owned the frontend of a drayage TMS used by over 500 trucking companies, from a broken pile of CSS in 2019 to a component system with dark mode, virtualized grids and the design system encoded into Cursor rules. The case study rebuilds the dispatch board then and now, and lists the rest: an embedded email client, an AI workbench, the jQuery removal and security hardening.
An API's documentation page rebuilt so it holds one live request: build it while you read, run it in place, explore the response as a tree with copyable paths. Generated from the OpenAPI spec, light and dark from one token set, every text pairing measured at AA. Stimulus and Tailwind.
A design system documented the way engineers use one: tokens defined once in the Tailwind config, every component in every state including error, disabled and loading, copyable markup under each.
Full-stack business site designed and built end-to-end in TypeScript: Next.js, Prisma, admin dashboard, transactional email. From brand to database, one person.
Custom editorial gallery site for a fine-art photographer: typography-first layout, bespoke framing plugin, art direction to production by one person. Zero templates.
Homepage concept for a literary brand: starfield, engraved-tree hero, serif typography. Calm built structurally, not decoratively.
Impact
11
Years Experience
8,000+
GitHub Contributions
6+
Years One Platform
80+
Design-System Components
23
Freelance Projects
808
Freelance Hours
5★
Near-Perfect Reviews
Services
I convert your Figma/XD designs into clean, responsive, production-ready React or HTML/CSS. Pixel-perfect, every time.
Complex dashboards, data-heavy UIs, SaaS frontends. I build the kind of interfaces that enterprise products need.
Component libraries, utility class systems, theming, documentation. I build the foundation your frontend team works on.
CSS bugs, responsive issues, performance problems, legacy code cleanup. Fast turnaround.
Contact
I'm available for freelance projects, consulting, and full-time opportunities. If you need a design engineer who cares about craft, let's talk.