CV

Cristina Rueda

Desarrolladora Frontend

GitHubLinkedIn

Resumen

Desarrolladora frontend con más de 5 años en producción. He trabajado en bases de código reales: migraciones técnicas, refactors graduales, sistemas que tienen que sobrevivir al tiempo y al equipo. Me importan los detalles, desde la estructura semántica hasta la precisión visual. React, TypeScript, y un foco consistente en construir interfaces que funcionen para todas las personas.

Experiencia

CódigoFacilitoRemote · Full-time

Front End Developer

Código Facilito es una plataforma de aprendizaje en línea para desarrolladores hispanohablantes. Durante cinco años trabajé en el frontend, liderando una migración de MaterializeCSS a una arquitectura personalizada en Vanilla JS que eliminó más de 12k líneas de código obsoleto, manteniendo la estabilidad de la plataforma mediante una capa de compatibilidad.

Trabajé en consistencia visual, usabilidad y mejoras continuas de interfaz a lo largo de todo el proceso.

En paralelo, impulsé la accesibilidad como práctica dentro de la plataforma: creé y dicté el curso de accesibilidad web — hoy con más de 5.300 estudiantes — y propuse e impartí los módulos de accesibilidad y HTML en las primeras generaciones del bootcamp de frontend, alcanzando a más de 1.000 estudiantes en total, y trabajé para que esas prácticas se reflejaran también en el desarrollo de la plataforma.

  • React
  • Ruby on Rails
  • Vanilla JS
  • HTML
  • CSS / SCSS
  • Git
The Collab LabRemote

Front End Developer

Seleccionada para un programa remoto de 8 semanas enfocado en construir aplicaciones reales en equipos ágiles. Co-desarrollé una aplicación de lista de compras inteligente con React y Firebase, colaborando con un equipo distribuido.

Trabajé en ciclos de sprint completos —planificación, demos y retrospectivas— contribuyendo mediante pull requests y revisiones de código. Reforcé habilidades prácticas en React, flujos de trabajo con Git y colaboración remota bajo la guía de ingenieros con experiencia.

  • React
  • Firebase
  • JavaScript
  • Git

Habilidades técnicas

Idiomas
JavaScript · TypeScript · Ruby · HTML · CSS / SCSS
Frameworks
React · Next.js · Ruby on Rails
Herramientas
Git · Storybook · Vite · npm
Prácticas
Accessibility (WCAG 2.2) · Semantic HTML · CSS Modules · Component design

Proyectos

a11y-lens

Open source

Addon para Storybook que convierte problemas de accesibilidad en explicaciones claras y centradas en las personas.

En lugar de mostrar reglas WCAG, explica a quién afecta, cómo es la experiencia, por qué importa y cómo resolverlo en React.

Disponible en npm como @crisruedap/a11y-lens.

Ver panel →Panel de a11y-lens mostrando un problema de accesibilidad en un diálogo

La mayoría de herramientas te dicen qué está mal. a11y-lens te ayuda a entender por qué importa.

  • React
  • TypeScript
  • Storybook
  • Vitest
GitHub

Formación

Holberton SchoolBootcamp

Desarrollo de Software

GradoFundación Universitaria Monserrate

Trabajo Social

Práctica de accesibilidad

  • HTML semántico primero. El significado se comunica desde la estructura, no desde el estilo. ARIA solo se usa para cubrir lo que HTML no puede expresar.

  • Contraste verificado. Las decisiones de color se validan según WCAG 2.2 — mínimo AA en texto funcional, AAA cuando es posible.

  • Navegación por teclado. Todos los elementos interactivos son accesibles y operables con teclado, con foco siempre visible.

  • Movimiento reducido. Respeto de prefers-reduced-motion, reduciendo o eliminando animaciones cuando es necesario.

  • Interacción cuidada. Estados de foco y feedback visual pensados para que funcionen bien con cualquier forma de navegar la interfaz.

  • Pruebas con lector de pantalla. La jerarquía de encabezados, los landmarks y los nombres accesibles se validan con VoiceOver (macOS).