REACT · TYPESCRIPT · VITE
Veterinary SaaS Design System (shadcn/ui)
Architected Veterinary SaaS's React design system, shipping reusable shadcn/ui components with Storybook documentation and a Changesets-versioned CI/CD pipeline in GitHub Actions.
Role
Senior Full-Stack Developer & Frontend Lead
Timeline
Aug 2024 to present
Stack
ReactTypeScriptViteTailwind CSSshadcn/uiStorybookTanStack QueryZustandChangesets
Overview
I architect Veterinary SaaS’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
