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

En desarrollo activo

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.

Este es un prototipo en fase temprana — actualmente pensado para explorarse en local.

Ver panel →A11y Lens panel showing an accessibility issue with role, accessible name, experience, why it matters, and fix sections

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

  • React
  • TypeScript
  • Storybook
  • Vite
GitHub

Formación

Holberton SchoolBootcamp

Desarrollo de Software

GradoFundación Universitaria Monserrate

Trabajo Social

Práctica de accesibilidad

  • HTML semántico primero. La estructura comunica el significado antes de que intervengan CSS o JavaScript. ARIA solo cubre los vacíos que HTML no puede cubrir.

  • Contraste verificado. Cada decisión de color en este portfolio se comprobó frente a WCAG 2.2 — mínimo AA en todo el texto funcional, AAA donde fue posible.

  • Navegación por teclado. Todos los elementos interactivos son alcanzables y operables con teclado. Los anillos de foco son siempre visibles.

  • Movimiento reducido. Todas las animaciones respetan prefers-reduced-motion: reduce — las transiciones se desactivan o se reducen a cambios de opacidad.

  • Pruebas con lector de pantalla. La jerarquía de encabezados, las regiones landmark y los nombres accesibles se verifican con los AT más comunes (VoiceOver, NVDA).