Juan Jose Alvarado Lagunes

Interfaces útiles, verificables y accesibles

• React · Next.js · TypeScript · CSS
• Responsive · WAI-ARIA · axe-core
• Playwright · Vitest · Canvas API

Interfaces para tareas concretas

El frontend no se limita a una presentación visual: debe facilitar la consulta, la captura y la comprensión de información.

• CECATI: formulario de seis pasos, catálogo de cursos, contraste y escalado de texto; compresión de imágenes con Canvas antes del envío.
• Instinto Guardián: interfaces React/Next.js para herramientas de protección y consultas sin conexión, con componentes Radix UI.
• Calidad de interfaz: Playwright, Vitest y axe-core documentados; la revisión manual complementa las comprobaciones automáticas.

Proyectos y evidencia destacada

Instinto Guardián

Proyecto propio publicado. PWA de protección animal y seguridad humana con Next.js, React, TypeScript strict y Supabase. Asistente determinista offline, permisos RLS y sincronización diferida.

Testing documentado: 403 pruebas unitarias, 53 E2E y auditorías con axe. Arquitectura PWA y despliegue GitHub/Netlify.

Caso técnico y capturasVer aplicación

CECATI 106

Sitio institucional publicado con inscripción SI-01 de seis pasos, catálogo de cursos y asistente. HTML, CSS y JavaScript vanilla conectados a Supabase.

Validación CURP, comprobación de firmas binarias de archivos, compresión con Canvas y políticas RLS documentadas.

Caso técnico y capturasVer aplicación

SICE · CECATI 106

Sistema institucional de inscripción y control escolar. API .NET, portal Razor Pages y escritorio WPF/MVVM sobre PostgreSQL, con SQLite de contingencia. Reserva atómica de cupo y auditoría.

Documentación del portafolio: 52 endpoints y 47 pruebas xUnit. Respaldos AES-256. Repositorio privado; revisión técnica por solicitud.

Caso técnico y capturas

Las cifras de testing están documentadas en el portafolio existente. Los repositorios fuente y sus reportes son privados; no equivalen a una nueva ejecución independiente ni a una garantía de cobertura completa.

Quality Engineering & Testing

El testing complementa mi desarrollo: Vitest para pruebas unitarias, Playwright para flujos E2E, xUnit para .NET, axe-core para comprobaciones automáticas de accesibilidad y TypeScript estricto para análisis estático.

• Instinto Guardián: pruebas unitarias, E2E y accesibilidad documentadas, junto con CI/CD.
• SICE: pruebas automatizadas .NET; la reserva atómica es una implementación documentada, no una prueba de concurrencia verificada aquí.
• CECATI: validación de datos y archivos con CURP y firmas binarias. No se atribuye una cantidad de pruebas automatizadas a este sitio.

Experiencia

• SICE · CECATI 106, 2026–presente: desarrollo institucional y flujos de inscripción.
• Instinto Guardián: proyecto full-stack propio publicado.
• Auralis · Visualizer Studio, 2025–presente: herramientas propias de audio y video para Windows.
• 2024–presente: desarrollo de software en proyectos personales y freelance.

GitHub · Revisión privada de código

Ver perfil de GitHub · Los repositorios de trabajo permanecen privados.

Mis repositorios de trabajo son privados. Durante un proceso de selección puedo coordinar acceso controlado para revisar implementación, arquitectura y testing sin exponer información confidencial. La evidencia pública está en las aplicaciones y los casos técnicos anteriores.