Trece proyectos destacados.
Lo que he construido
Producto propio: dos herramientas open source de auditoría WCAG 2.2 publicadas en npm —wcag-agent y a11y-ci—, el dashboard de conformidad al que ambas reportan, y asistentes conversacionales con RAG semántico.
- Open source
- npm
- RAG
- Next.js 15
Programa de Modernización Digital — Dirección General del Servicio Civil
Programa de modernización de la plataforma digital de la Dirección General del Servicio Civil de Costa Rica, iniciado por directriz presidencial de accesibilidad. Comprende tres entregables encadenados: la adecuación WCAG 2.2 AA del sitio legado —ya en producción—, un CMS headless propio que da autonomía editorial a la institución, y la reconstrucción integral del sitio en Next.js que consume ese CMS y reemplazará a la plataforma actual. El sitio nuevo sirve además como entorno de prueba en producción para el Prototipo Accesible DGSC y wcag-agent. Lanzamiento previsto para diciembre de 2026.
Adecuación de Accesibilidad WCAG 2.2 AA — sitio legado
Ajustes de accesibilidad WCAG 2.2 AA y SEO técnico sobre la plataforma institucional existente (tecnología legada, PHP), por directriz presidencial. Modernizó un sistema con código obsoleto con mejoras profundas de accesibilidad, responsividad y experiencia de usuario. En producción; será reemplazada por la reconstrucción integral.
En producción
Adecuación de Accesibilidad WCAG 2.2 AA — sitio legadoCMS Headless Institucional
Sistema headless de gestión de contenidos propio, con arquitectura fullstack a la medida, cumplimiento WCAG 2.2 AA y SEO técnico. Da a la institución gestión autónoma de boletines, avisos, documentos y colecciones que consume el sitio nuevo. Pendiente de publicación.
En construcción
Reconstrucción integral del sitio institucional
Reemplazo completo del sitio en Next.js: optimización de imágenes, gestión de boletines y avisos, flujo formal de denuncias con trazabilidad, sección de Igualdad y Accesibilidad como eje de navegación de primer nivel, biblioteca de documentos y buscador unificado sobre las colecciones del CMS con control de carga. Ante fallos del buscador o del CMS conserva datos estáticos como respaldo, e incorpora una barra de accesibilidad avanzada. Pendiente de publicación; lanzamiento previsto para diciembre de 2026.
En construcción
Sitio Web Restaurante De La Finca
Sitio web en producción del restaurante De La Finca (Quepos, Costa Rica), bilingüe ES/EN, con menú por categorías exportable a PDF, galería editorial, reseñas reales de Google y reservas que se envían por WhatsApp validadas en hora de Costa Rica y quedan registradas para el restaurante. Incluye un panel de administración propio para las reservas, el menú, las imágenes del sitio y la galería, protegido con contraseña y doble factor (TOTP), sesiones revocables y límite de intentos en Postgres. En 2026 pasó por una auditoría de seguridad, accesibilidad y rendimiento: CSP sin unsafe-eval, datos estructurados, imágenes renderizadas en el servidor y 36 dependencias sin uso eliminadas.
Sitio Web Restaurante De La FincaNexo — Gestor de Proyectos SaaS
Plataforma SaaS multi-tenant para gestión de proyectos y tareas colaborativas. Incluye vistas Kanban, Gantt y Calendario, tiempo real con WebSockets, IA integrada (generación de planes, análisis de riesgos, chat con el proyecto), reportes con exportación PDF/Excel, automatizaciones, integraciones externas (Slack, webhooks, iCal), arquitectura multi-organización con roles y planes, autenticación 2FA/TOTP y facturación con Stripe.
Nexo — Gestor de Proyectos SaaSInventarioMAG – Sistema de Inventario
Sistema multiplataforma de gestión de inventario y activos desarrollado para el Ministerio de Agricultura y Ganadería (MAG) de Costa Rica, específicamente para la Región de Desarrollo Central Occidental (RDCO). Digitaliza el control de entradas, salidas y existencias de suministros distribuidos entre 13 agencias de extensión agropecuaria (AEAs), reemplazando el manejo manual en Excel por una plataforma web y móvil con trazabilidad completa, alertas de stock y reportes institucionales.
InventarioMAG – Sistema de InventarioChatBot – Servicio Civil
Proyecto propio: asistente conversacional construido sobre el dominio de la Dirección General del Servicio Civil de Costa Rica (DGSC). Permite a funcionarios y ciudadanos realizar consultas automatizadas sobre trámites, normativas y servicios institucionales mediante una interfaz conversacional moderna con búsqueda semántica RAG (Retrieval-Augmented Generation) sobre una base de conocimiento institucional.
ChatBot – Servicio CivilChatbot Institucional – MAG
Proyecto propio: asistente virtual construido sobre el dominio del Ministerio de Agricultura y Ganadería de Costa Rica (MAG). Permite a ciudadanos y funcionarios realizar consultas automatizadas sobre trámites, sistemas institucionales y reglamentos mediante una interfaz conversacional accesible, con búsqueda semántica híbrida RAG (Retrieval-Augmented Generation) sobre una base de conocimiento gestionada por un panel administrativo.
Chatbot Institucional – MAGPrototipo Accesible DGSC
Prototipo funcional de dashboard para evaluar y monitorear la accesibilidad web del portal institucional de la DGSC. Incluye auditorías automatizadas con IA, visualización de hallazgos WCAG 2.2 AA, métricas de cumplimiento, seguimiento por campañas/páginas y evolución histórica de auditorías, orientado a apoyar la mejora continua y el cumplimiento normativo.
Prototipo Accesible DGSCwcag-agent — Agente de accesibilidad para asistentes de IA
Paquete npm open source (MIT) que instala un agente revisor de accesibilidad WCAG 2.2 en el asistente de IA que ya usa el desarrollador. Un solo comando —npx wcag-agent— lo copia con el formato correcto a cualquiera de las 10 plataformas soportadas. Audita componentes React/Next.js y Vue 3/Nuxt directamente desde el código fuente: sin servidor levantado, sin extensión de navegador. Publicado en junio de 2026, hoy en la versión 1.4.1 y sin una sola dependencia externa.
wcag-agent — Agente de accesibilidad para asistentes de IA@jalonsc66/a11y-ci — Accesibilidad como parte del build
CLI open source que lleva la auditoría WCAG 2.2 AA al pipeline de CI/CD: audita una URL con axe-core, el IBM Equal Access Checker y validadores propios de WCAG 2.2, y devuelve un exit code según el umbral de severidad configurado, de modo que el build falla cuando aparece una barrera de accesibilidad. Cuando la URL apunta a localhost o a un dominio interno, resuelve el DNS, lo detecta y corre la auditoría completa en la máquina del desarrollador antes de subir los resultados al dashboard.
@jalonsc66/a11y-ci — Accesibilidad como parte del buildLas Aventuras de Noah — Juego Educativo
Aplicación educativa multiplataforma (web e iOS vía Capacitor) diseñada para mi hijo de 5 años, con un mapa navegable de 9 escenas y 10 minijuegos de arrastrar, tocar en orden y contar que enseñan conteo, formas, colores, vocales, consonantes, secuencias y rutinas diarias. El diseño se validó jugando de verdad con Playwright (incluido el motor WebKit real, no solo Chromium) en cada iteración, y se amplió después de que el niño la probara y la encontrara demasiado fácil.
Las Aventuras de Noah — Juego EducativoPortafolio Pro — versión anterior
Versión previa de este portafolio personal, construida con Next.js 15 y React 19. Incluye paleta de comandos (⌘K), selector de idioma ES/EN, tres temas (claro, oscuro y monoespaciado), envío de formulario de contacto con Resend, imagen Open Graph generada dinámicamente y un widget propio de accesibilidad. Reemplazada por el portafolio-torre actual (este mismo sitio), que retomó su ficha técnica de proyectos como fuente de datos.
Portafolio Pro — versión anteriorscroll-flyover — Skill de Claude Code para experiencias 3D de scroll
Skill de Claude Code (open source, MIT) que construye páginas con vuelo de cámara 3D continuo sincronizado al scroll, con geometría, materiales y cielos generados por código — sin generación de imagen o video por IA, costo cero por build. Incluye un motor de scroll portable, seis arquetipos de cámara documentados y un paso de QA de accesibilidad sobre la capa HTML del build final. Validado con una implementación de producción (este mismo portafolio) y una galería de cuatro builds adicionales que demuestran su generalización a otras industrias.
scroll-flyover — Skill de Claude Code para experiencias 3D de scrollSeguimientoMAG
Sistema web institucional para el Ministerio de Agricultura y Ganadería de Costa Rica (MAG). Permite a funcionarios de extensión agrícola importar Excels del sistema SisDNEA, evaluar el cumplimiento trimestral de indicadores (Asistencia Técnica, NAMA Café, NAMA Ganadería, BAE, Producción Orgánica) y generar informes PNDIP en PDF/Excel. Incluye autenticación con roles jerárquicos (superadmin, admin, regional, funcionario), Row Level Security, modo offline (PWA) y procesamiento de archivos sensibles 100% en el navegador por privacidad.
SeguimientoMAGHabla Conmigo — Escuela de Español
Sitio web en producción para Habla Conmigo Spanish School, la escuela de una profesora costarricense nativa con 21 años de experiencia enseñando español, presencial en Costa Rica y en línea. Con dominio propio, presenta un catálogo de clases con precios reales que se leen desde Postgres (Neon) con respaldo estático si la base falla, una página de servicios, cuatro opciones de alojamiento para los paquetes de inmersión y un formulario de reserva que convierte el horario a la zona del estudiante y pide nivel y datos de estadía. Las consultas llegan por correo con Resend. En desarrollo, en un entorno de preview: un panel /admin con login por código al correo para que la clienta edite video, cifras, clases, precios y fotos sin tocar código.
Habla Conmigo — Escuela de EspañolKing Kong Barber — SaaS de reservas para barberías
Nació como el sitio de reservas de una barbería y hoy es una plataforma SaaS multi-tenant para barberías y salones: cada negocio tiene su subdominio, su marca, su equipo y su agenda. Un negocio se da de alta solo, con 14 días de prueba y un asistente inicial, y el dueño de la plataforma lo administra desde un panel propio. Las reservas se validan en el servidor en la zona horaria de cada negocio y una restricción de exclusión en Postgres impide que dos citas choquen. Incluye recordatorios automáticos por correo y push, reprogramación, ausencias y feriados, cobro de la suscripción y una landing del producto con precios. Es una PWA instalable con modo sin conexión. Tras una auditoría en octubre de 2026 se resolvieron los CVE críticos, las fugas entre negocios y la seguridad de cuentas y sesiones.
King Kong Barber — SaaS de reservas para barberíasVictoria Arronis Díaz
Sitio web profesional con CMS para Ingeniera Agrónoma MSc. especializada en ganadería sostenible, sistemas silvopastoriles y Botón de Oro en Costa Rica. Incluye blog, servicios y panel de administración con editor de texto enriquecido.
Victoria Arronis DíazPost JASC — POS con Facturación Electrónica
Punto de venta y sistema de facturación electrónica para Costa Rica, construido sobre la especificación v4.4 de Hacienda. Cubre la venta en caja, la emisión de facturas, tiquetes, notas de crédito y débito en colones, dólares o euros, proformas, cuentas por cobrar, cierre por caja, compras, inventario, reportes y un inicio con indicadores. El XML se valida contra los XSD oficiales en las pruebas y los comprobantes se envían a Hacienda desde una cola con reintentos, sin hacer esperar la venta. Las credenciales de Hacienda se guardan cifradas con AES-256-GCM y cada consulta se aísla por empresa. Se desarrolla con un plan de brechas por fases: una rama por ítem, CI con migraciones sobre Postgres vacío y más de 50 archivos de pruebas. La firma del XML está pendiente de que el cliente entregue su certificado.
Post JASC — POS con Facturación ElectrónicaGolden Law — Plantilla web para bufetes
Plantilla de sitio para bufetes de abogados con hero oscuro y órbita de tarjetas, modo claro y oscuro, áreas de práctica, equipo, resultados y publicaciones en 29 páginas estáticas. El contenido de cada cliente vive en un perfil propio, así que cambiar de bufete no toca los componentes. Formulario de contacto validado con Zod que se envía por webhook, banner de cookies con analítica solo con consentimiento, JSON-LD y transiciones entre páginas con View Transitions, todo con accesibilidad WCAG 2.2 AA.
Golden Law — Plantilla web para bufetesGrano Alto — Plantilla de tienda virtual
Plantilla comercial de tienda con cuatro gestos de animación hechos a mano, sin librerías: crossfade, elemento compartido que vuela de la tarjeta al detalle, dock de categorías que crece bajo el puntero y desenfoque de las demás tarjetas. El producto se abre como modal con URL propia, el carrito se guarda entre pestañas y el pago puede ir por WhatsApp, correo o una pasarela propia. Bilingüe, con modo claro y oscuro, y 100 en accesibilidad, buenas prácticas y SEO en Lighthouse.
Grano Alto — Plantilla de tienda virtualPortfolio de Ingeniero de Datos
Portfolio profesional para Kevin Ilama Portuguez, Ingeniero de Datos especializado en SQL, ETL, Power BI y soluciones de integración de datos para empresas.
Portfolio de Ingeniero de DatosPortfolio de Karla Brenes
Elegante portafolio web para Karla Tatiana Brenes Campos, Analista Programador, con un diseño moderno en tonos marrones y dorados, destacando su experiencia profesional y habilidades.
Portfolio de Karla BrenesPsicoAlaya
Sitio web profesional para clínica de psicología con sistema de reservas, blog de artículos, páginas de servicios y equipo, formulario de contacto y panel de administración.
PsicoAlayaCalculadora Científica Avanzada Accesible
Calculadora científica avanzada desarrollada con enfoque en accesibilidad web. Incluye operaciones científicas y una interfaz clara, responsive y usable bajo criterios WCAG.
Calculadora Científica Avanzada AccesibleDe La Finca - Landing Page
Página de presentación para el restaurante De La Finca en Quepos, Costa Rica, destacando su experiencia culinaria única.
De La Finca - Landing PageCotizador de Préstamos
Aplicación de cotización de préstamos usando React Hook.
Cotizador de Préstamos