Kit Digital USS (En desarrollo)

El Kit Digital USS es un proyecto ambicioso que busca llevar la experiencia de diseño y desarrollo de la Universidad San Sebastián a un nuevo nivel. Se trata de la creación de dos librerías de componentes complementarias: una en Vanilla JavaScript y otra en React, con el objetivo de cubrir tanto aplicaciones tradicionales como proyectos modernos.

Este kit representa la evolución natural de los sistemas previos de design, integrando aprendizajes y adoptando las mejores prácticas actuales en accesibilidad, modularidad y experiencia de desarrollador.

Características principales

• Doble implementación (Vanilla JS y React) para máxima flexibilidad.
• Accesibilidad avanzada con soporte ARIA completo desde el diseño.
• Documentación exhaustiva con ejemplos interactivos y guías claras.
• Sistema de theming avanzado para personalización institucional.
• Arquitectura modular que permite importar componentes de forma individual.

Tecnologías utilizadas

• JavaScript ES2023 y HTML semántico como base universal.
• CSS/SCSS con metodología BEM y uso de Custom Properties para estilos dinámicos.
• Rollup como bundler con tree-shaking optimizado.
• React 18+ con hooks y concurrent features.
• TypeScript para type safety en la librería de React.

Mi contribución

He participado en el desarrollo tanto de la versión en Vanilla JavaScript como de la versión en React, contribuyendo en:

• Implementación de componentes básicos y avanzados.
• Definición de patrones de accesibilidad y uso de roles ARIA.
• Integración de estilos escalables mediante SCSS y CSS Custom Properties.
• Portar el sistema de diseño de Figma a código, implementando tokens de diseño aplicados directamente a los componentes.
• Documentación de componentes con ejemplos claros y reutilizables.