Volver a proyectos

Caso de estudio

Plataforma de gestión de trabajo y sistema de diseño

Una SPA corporativa de gestión de proyectos y el sistema de diseño multipaquete que la impulsa.

React · Storybook · Design System · Design Tokens

Rol
Ingeniero frontend. Sistema de diseño, Storybook y librería de componentes.
Problema
Una plataforma corporativa de gestión de trabajo necesitaba una interfaz consistente y accesible en varias apps, respaldada por una librería de componentes mantenible y una única fuente de design tokens.
Enfoque
Construí una librería de más de 160 componentes en React con un Storybook dedicado que documenta componentes y design tokens (color, tipografía, espaciado, sombras, semánticos). Los tokens se generan con Style Dictionary como propiedades CSS personalizadas con variantes de modo oscuro, y la accesibilidad se valida con axe en tests unitarios y pruebas end-to-end multinavegador.
Tecnologías
React 19, TypeScript, Storybook 10, Style Dictionary, Tailwind CSS, Radix UI, Vitest + axe, Playwright.