Skip to content
← All projects
REACT · TYPESCRIPT · VITE

VetEngage: Design System & CI/CD

Architected VetEngage's React design system, shipping reusable shadcn/ui components with Storybook documentation and a Changesets-versioned CI/CD pipeline in GitHub Actions.

VetEngage design system in Storybook
Role
Full-stack Developer
Timeline
Aug 2024 to Jul 2026
Stack
ReactTypeScriptViteTailwind CSSshadcn/uiStorybookTanStack QueryZustandChangesets

Overview

I architect VetEngage’s React-based design system that provides a scalable, reusable, and maintainable foundation for web applications, ensuring design consistency, accessibility, and developer efficiency across projects.

Key features & responsibilities

  • Reusable UI components: modular, accessible components with shadcn/ui & Tailwind CSS.
  • Design tokens & theming: tokenized styling for consistency across applications.
  • Documentation & testing: Storybook, Vitest, and Playwright for validation.
  • State management: TanStack Query and Zustand for client/server state.
  • Performance & build: Vite for fast dev; ESLint & Prettier for clean code.
  • CI/CD & versioning: Changesets for versioning and GitHub Actions for automation.

The system, at a glance

Design system layers: tokens to primitives to components to apps