Hello, I'm

Umanga Deep Shrestha

Design Engineer

I design in code — from rough sketch to shipped screen.

React · TypeScript · Design Systems · SCSS · 11 years

About

Designing in code for 11 years

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

What I work with

Core

React.jsTypeScriptJavaScript (ES6+)

Styling

SCSS / SASSCSS Custom PropertiesCSS ArchitectureDesign Systems

UI Libraries

React Data GridReact SelectFormikYup

Tools

GitViteCursor IDEMCP ServersFigma

Practices

Responsive DesignCross-browserAccessibilityFrontend SecurityDark Mode ThemingAI-Assisted Development

Experience

Where I've worked

Independent

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).

PortPro

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.

Freelance (Upwork)

Frontend Developer

2017 — 2022

23 projects, $10K+ earned, 808 hours, near-perfect ratings. Figma to pixel-perfect code, responsive SaaS UIs, landing pages.

Braindigit

Frontend Developer

2018

Built responsive corporate websites and an eLearning platform frontend.

Jyaasa

Frontend Developer

2017 — 2018

Custom modular frontend code, Ruby on Rails frontend integration, SASS.

Pagoda Labs + Swiss Magic

Web Developer

2015 — 2016

WordPress development, PHP, ecommerce (OpenCart).

Projects

What I've built

Logistics TMS Frontend Platform

Directed UI/UX of a drayage TMS used by 500+ trucking companies across the U.S. Built and maintained hundreds of operational screens: dispatcher board, load management, billing, driver planner, tracking, reports, email, and more. Top-5 contributor with 2,000+ commits over 6+ years.

ReactSCSSPlatform EngineeringComplex UI

Design System & Component Library

80+ reusable components from scratch: modals, data grids, custom selects, loaders, tooltips, chat UI, form components, icon library, dark mode toggle, route timeline indicators.

ReactSCSSCSS Custom PropertiesComponent Architecture

Design System → Cursor Rules

Encoded the entire design language into Cursor rules that generated on-spec UI — adopted across the team. Paired with an Electron app giving product managers one-click local setup, so they could ship UI changes directly from Cursor instead of Figma round-trips.

AI-AssistedCursorDesign OpsElectron

Platform-Wide Dark Mode

Dark mode across the entire platform using CSS Custom Properties with theme switching, third-party component theming, and cross-component consistency.

CSS Custom PropertiesSCSSThemingReact

AI Hub & AI Workbench

Built from scratch: AI Chat, AI Workbench, AI Agents, AI Control Tower with Document Validation, dashboard builder with drag-and-drop, SOP confirmation workflows.

ReactComplex UIChat InterfaceDrag & Drop

Embedded Email System

Full email client UI: grid/card views, composer with rich text editor, tags/labels, mailbox settings, context menus, collapsible recipients.

ReactJoditComplex StateUI Architecture

jQuery Removal & Security Hardening

Removed jQuery across 7 phases (29+ files). Enforced XSS-safe rendering with DOMPurify across rich-text surfaces; dependency CVE remediation (CVE-2025-7783, CVE-2023-45133) coordinated with backend and devops.

RefactoringSecurityMigrationCode Quality

Saurav Decor

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.

TypeScriptNext.jsPrismaDesign in Code

Esther Perez — Fine-Art Gallery

Custom editorial gallery site for a fine-art photographer: typography-first layout, bespoke framing plugin, art direction to production by one person. Zero templates.

Web DesignTypographyEditorialWordPress

Arcadian Sky — Literary Press Concept

Homepage concept for a literary brand: starfield, engraved-tree hero, serif typography — calm built structurally, not decoratively.

ConceptArt DirectionTypographyMotion

Impact

0

Years Experience

0+

GitHub Contributions

0+

Years One Platform

0+

Design-System Components

0

Freelance Projects

0

Freelance Hours

0

Near-Perfect Reviews

Services

What I can do for you

Figma to Code

I convert your Figma/XD designs into clean, responsive, production-ready React or HTML/CSS. Pixel-perfect, every time.

React Development

Complex dashboards, data-heavy UIs, SaaS frontends. I build the kind of interfaces that enterprise products need.

Design Systems

Component libraries, utility class systems, theming, documentation. I build the foundation your frontend team works on.

Frontend Fixes

CSS bugs, responsive issues, performance problems, legacy code cleanup. Fast turnaround.

Contact

Let's work together

I'm available for freelance projects, consulting, and full-time opportunities. If you need a design engineer who cares about craft, let's talk.

Send me an email