Cristina Rueda

Desarrolladora Frontend

GitHubLinkedIn

Resumen

Desarrolladora frontend con más de 5 años de experiencia profesional creando interfaces centradas en las personas. La formación en Trabajo Social aporta una perspectiva people-first: la accesibilidad, la usabilidad y la claridad no son un añadido, son el punto de partida de cada decisión. Actualmente trabajando con React y TypeScript, con un enfoque creciente en herramientas de desarrollo para accesibilidad.

Experiencia

CódigoFacilitoRemote · Full-time

Front End Developer

CódigoFacilito es una plataforma de aprendizaje en línea para desarrolladores hispanohablantes. Durante cinco años trabajé en el frontend, contribuyendo a su evolución y liderando una migración clave de MaterializeCSS a una arquitectura personalizada en Vanilla JS. Esta transición eliminó más de 12k líneas de código obsoleto y redujo la dependencia de librerías heredadas, manteniendo la estabilidad de la plataforma mediante una capa de compatibilidad.

A lo largo del proceso, trabajé en mejorar la consistencia visual, la usabilidad y la experiencia general de usuario mediante cambios incrementales y mejoras continuas en el frontend. También contribuí como instructora de frontend, impartiendo clases de HTML, Git y accesibilidad.

  • 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 progreso

Addon para Storybook que convierte las violaciones de accesibilidad en explicaciones claras y centradas en las personas. En lugar de mostrar IDs de reglas WCAG, explica a quién afecta, cómo es la experiencia, por qué importa y cómo resolverlo — en React.

El objetivo es hacer que la accesibilidad sea accionable para desarrolladores que se preocupan pero aún no saben por dónde empezar.

  • 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).