CRISTIAN D. MORENOA.K.A. KYONAX

SENIOR FULL-STACK & FRONTEND ENGINEER

Más de 8 años construyendo e-commerce y SaaS en Vue 3, React, Next.js, TypeScript y Node.js, con el reciente lanzamiento del rediseño de e-commerce de Madison Reed en AgileEngine. Desarrollador web 100% remoto desde Villavicencio para Bogotá, Medellín, Cali y toda Colombia, fundador de Zerønet Labs, especializado en rendimiento, conversión, accesibilidad, SEO y desarrollo asistido por IA.

EXPERIENCIA DE
8AÑOS
TECH SKILLS
39
PROYECTOS
8
IDIOMAS
EN / ES
VILLAVICENCIOV/CIO / COLOMBIA 🇨🇴
ABIERTO A CONTRATOS
SCROLL // EXPLORA

Lo que clientes y colegas dicen sobre construir proyectos web conmigo.

Tuve el privilegio de trabajar junto a Cristian en Softtek en un proyecto crítico de e-commerce con Shopware, donde su expertise en Symfony, Vue.js, PHP y JavaScript fue fundamental para nuestro éxito. Como QA Senior, valoré profundamente su dominio técnico y espíritu colaborativo. Entregó consistentemente código limpio y testeable que aceleró nuestros ciclos de pruebas y minimizó los incidentes. Su capacidad para manejar escenarios de alta presión, ya fuera resolviendo bugs críticos, optimizando integraciones o cumpliendo plazos ajustados, lo distinguió del resto. Cristian no solo resolvía problemas, los anticipaba, implementando soluciones preventivas que elevaron la resiliencia del proyecto.
John C. Montes— QA Senior, Softtek
Recomendación de LinkedIn
Tuve el placer de trabajar con Cristian Moreno en un complejo proyecto de e-commerce para Maritz, donde se desempeñó como nuestro desarrollador frontend líder. Cristian manejó tareas frontend complejas y resolvió bugs difíciles con gran destreza, mientras guiaba y capacitaba a los nuevos desarrolladores del equipo. Fue un actor clave en el éxito del proyecto.
Mo Osburn— Technical Project Manager, Maritz
Recomendación de LinkedIn
Ha sido un placer absoluto trabajar contigo durante el último año. Eres un desarrollador increíble, y valoro mucho tu paciencia y dedicación al integrarme al proyecto y brindarme apoyo en todo momento. Tu guía en los desafíos que enfrentamos juntos fue invaluable, y estoy muy agradecido por la oportunidad de colaborar contigo. Trabajar contigo ha sido una experiencia enriquecedora e inspiradora.
Diego Yair Hernández Mejía— Senior Frontend Developer, Softtek
Recomendación de LinkedIn

3 recomendaciones verificadas

LinkedIn
// 03

EXPERIENCIA // LÍNEA DE TIEMPO

Mi trayectoria en ingeniería web full-stack, desde plataformas e-commerce hasta productos SaaS y proyectos open-source.

  1. FUNDADOR E INGENIERO FULL-STACK INDEPENDIENTE

    01/2018-PRESENTE ZERØNET-LABS REMOTO-VILLAVICENCIO///COLOMBIA

    Fundador e ingeniero full-stack independiente en Zerønet Labs, entregando soluciones web performance-first a startups y empresas medianas con cumplimiento ADA y SEO incorporado desde el inicio, para que cada proyecto rankee, convierta y se sostenga en el tiempo. El trabajo abarca desarrollo full-stack en React, Vue y Next.js, una librería de paquetes npm y componentes UI reutilizables, una plataforma interna de desarrollo con IA en FastAPI que enruta solicitudes a través de LiteLLM con streaming SSE, y pipelines de CI basados en Docker que alcanzan consistentemente puntuaciones 100/100 en Lighthouse.

  2. SENIOR SOFTWARE ENGINEER (FRONTEND)

    10/2025-05/2026 AGILE-ENGINE // MADISON-REED REMOTO-VILLAVICENCIO///COLOMBIA

    Ingeniero de Software Senior en AgileEngine, donde recientemente entregué el rediseño Vue 3 del e-commerce de Madison Reed, enfocado en arquitectura escalable guiada por CMS, optimización de rendimiento y mejora de conversiones. Cada fase de entrega estuvo estructurada alrededor de decisiones de arquitectura anticipadas, tests unitarios TDD, suites e2e con Playwright y baselines de rendimiento con Lighthouse. Diseñé un flujo de trabajo asistido por IA e integré SDKs de terceros con capas de abstracción guiadas por CMS.

  3. SENIOR FULL-STACK ENGINEER

    11/2023-07/2025 SOFTTEK REMOTO-VILLAVICENCIO///COLOMBIA

    Frontend Lead en Softtek, arquitectando la migración completa de una plataforma administrativa heredada a un e-commerce en producción con Shopware, desde el mapeo inicial de requerimientos hasta la entrega. Diseñé soluciones frontend personalizadas dentro del sistema de plantillas de Shopware junto al equipo core, lideré las revisiones diarias de Pull Requests con exigencia de Unit Testing, y configuré containerización con Dockware y pipelines CI en Azure DevOps.

  4. SENIOR FRONTEND ENGINEER

    10/2021-11/2023 CABEZA-ROTA REMOTO-VILLAVICENCIO///COLOMBIA

    Entregando plataformas e-commerce, microservicios y landing pages de alto rendimiento para múltiples clientes en Cabeza-Rota, enfocado en hacer crecer la presencia digital y las ventas online de cada cliente. Adapté el stack a cada proyecto entre Next.js, Vue.js y React en lugar de forzar una plantilla fija, con patrones SSR/SSG/ISR y funcionalidades WebSocket en tiempo real donde se necesitaban. Cada decisión de UI fue respaldada por datos de GA4 y Hotjar a través de A/B testing, liderando equipos bajo Agile y SCRUM e introduciendo estándares de revisión de PRs y testing con Jest.

  5. FRONTEND ENGINEER (DATA-DRIVEN MARKETING)

    01/2021-10/2021 CABEZA-ROTA REMOTO-VILLAVICENCIO///COLOMBIA

    Combinando estrategia de marketing y desarrollo frontend en Cabeza-Rota para mejorar el engagement e impulsar las conversiones de clientes de agencia a través de diseño validado por datos. Cada cambio de UI fue respaldado por funnels de GA4 y heatmaps de Hotjar antes de publicar. Entregué sitios web de marketing y landing pages en Next.js, Vue.js, WordPress y Tailwind CSS, adaptando el stack a la marca y restricciones de entrega de cada cliente.

  6. FRONTEND & GROWTH ENGINEER

    10/2020-01/2021 CABEZA-ROTA REMOTO-VILLAVICENCIO///COLOMBIA

    Aumentando la presencia de marca y el alcance digital para clientes en etapas tempranas en Twitter, Instagram, Discord y YouTube en Cabeza-Rota, mientras también construía y mantenía sus sitios web en React.js, Vue.js y Node.js. En el lado técnico, gestioné despliegues en AWS VPS, integré proveedores de pago incluyendo PayU y Cybersource, y optimicé el rendimiento de bases de datos con optimización de queries y caché.

// 04

PROYECTOS // PORTAFOLIO

Lo que estoy construyendo y entregando, de herramientas open-source a desarrollos para clientes y productos lanzados.

  • EN PROGRESO

    ORG 2 HTML

    v0.1.0

    // CLI REGRESSION TESTS

    Mantener un blog suele reducirse a elegir entre una plataforma pesada como WordPress con su dashboard, base de datos y curva de aprendizaje propia, o construir algo a medida desde cero con un dashboard y un editor que toman más tiempo que el blog en sí. Ninguno de los dos caminos encaja con alguien que ya escribe todo en Org-mode, acumula una gran cantidad de archivos .org y necesita control directo sobre el SEO/rendimiento de cada página que se publica.

    org2html es una CLI que convierte una carpeta de archivos Emacs Org-mode en un sitio estático completo o un árbol de componentes Vue 3, orientado a blogs y sitios enteros generados directamente desde fuentes .org. Publicado en npm como @kyonax/org2html, permite seguir escribiendo en Org-mode y obtener un sitio listo para publicar, con las notas fuente como versión canónica.

    Construido en TypeScript con tsup y Vitest, el pipeline está basado en AST. Un lexer tokeniza el archivo, un parser construye el árbol sintáctico y un extractor de metadatos lleva títulos, tags y fechas a una superficie SEO por página. Una capa de plugins maneja el resaltado de sintaxis con Shiki, la tabla de contenidos, los shortcodes y la detección de assets. jsdom y DOMPurify sanean la salida contra XSS, y un script complementario hydrate.ts conecta los componentes renderizados al runtime de Vue para islas interactivas. Expuesto a través de una CLI Commander y Chokidar con modos build y watch, y arquitectado para que futuros renderers apunten a React, Svelte o cualquier stack frontend moderno.

    Actualmente en v0.1.0 y en progreso, con el reveal público de v0.1.0 programado próximamente.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    Org-mode to HTML generator, TypeScript CLI on npm.

    VER REPO
  • EN PROGRESO

    KYO WEBSITE

    v0.3.0

    // BLOG MODULE: ORG2HTML

    Kyonax es la identidad detrás de un cuerpo de trabajo que abarca ingeniería frontend y full-stack, creación de contenido y herramientas personales. La firma aparece en cada pieza a través de la estética cyberpunk, la tipografía monoespaciada, la atención cuidadosa al rendimiento, y cada detalle hecho a mano, sin plantillas de por medio.

    kyo-website es el hogar de esa identidad. Reúne el trabajo actual, la experiencia profesional, los proyectos destacados y cualquier dato útil para quien tenga curiosidad por el trabajo, sin pretender ser un portafolio exhaustivo. Más adelante, una extensión de portafolio más elaborada y un blog crecerán sobre el paquete org2html, manteniendo este sitio como el índice ligero que conecta al resto.

    Construido como una aplicación de una sola página en Vue 3 sobre Vite, con vite-ssg generando los locales estáticos EN y ES, vue-i18n controlando el cambio de idioma en runtime, vue-router conectando la navegación, y Unhead produciendo la meta SEO por ruta y el grafo JSON-LD. El código es JavaScript plano sobre SCSS con una arquitectura 7-1 recortada, con Sharp impulsando un pipeline interno de imágenes que emite variantes AVIF y WebP para cada JPG, un generador ASCII a imagen basado en Sharp para los logos de proyectos, y un plugin Vite personalizado inyectando el tag de preload LCP. Las verificaciones de calidad corren por ESLint con plugins de Vue, seguridad, jsdoc y orden de imports, Vitest con happy-dom para tests de componentes, y un pipeline de CI en GitHub Actions ejecutando precheck, license-header, paridad de i18n, uso de color y validadores trans-attr en cada push, con despliegue en Hostinger mediante un workflow de build-branch.

    Actualmente en v0.3.0 y en progreso, con la extensión kyo-blog impulsada por org2html programada próximamente.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    Vue 3 SSG engineer portfolio and identity site.

    VER REPO
  • EN PAUSA

    RECKIT

    v0.3.0

    // VUE CAPTURE: PAUSED

    Grabar contenido técnico para streaming o video casi siempre implica horas de trabajo de postproducción. Cortes, overlays, color, transiciones de escena, todo se acumula y ralentiza el ritmo de publicación.

    RECKIT está pensado para hacer esa edición en el momento de captura en lugar de en postproducción. El nombre significa Realtime Edit-free Capture Kyonax Integrated Toolkit (y no, no significa Record-Kit, wtf), y es el toolkit detrás de cada identidad de creación de contenido bajo Kyonax (@kyonax_on_tech, @is.kyonax y cualquier canal futuro dentro del paraguas Kyonax, además de la comunidad Cyber Code Syndicate). Cada marca mantiene su propia carpeta de overlays, presets de escena y automatizaciones, completamente aislada del resto.

    La aplicación se monta sobre OBS Studio como un proyecto de una sola página en Vue 3 sobre Vite con 11 alias que imponen imports organizados por tipo de carpeta, JavaScript plano sobre estilos SCSS, y un brand-loader que descubre automáticamente las carpetas de marca colocadas en la raíz. Cada marca expone sus overlays HUD como fuentes de navegador en HTML/CSS/JS, además de scripts de automatización por OBS WebSocket que controlan transiciones de escena, estado de grabación y overlays con datos en vivo. Las verificaciones de calidad corren por ESLint con plugins de Vue, seguridad y orden de imports, y los estándares de código de CCS están aplicados en todo el repo.

    Actualmente en v0.3.0, con v0.4.0 en desarrollo pero en pausa mientras la atención rota a otras partes del ecosistema. Un release de desarrollo de v0.4.0 está programado próximamente y el release principal poco después.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    Realtime OBS capture toolkit built with Vue 3 and Vite.

    VER REPO
  • EN PAUSA

    WEBCAM 2 ASCII

    v0.1.0

    // RUST ASCII: PAUSED

    Mis ventanas para grabar caen casi siempre de noche, después de que el trabajo remoto y la crianza terminan, y el cuarto rara vez tiene la iluminación que un setup normal con la cara en cámara necesitaría. La razón más profunda de este proyecto es más personal. Hay momentos en los que simplemente no quiero mostrar mi cara en un clip, y esta herramienta termina ayudándome a perder esa incomodidad. También me gusta mucho el aire estético que le da a mis videos, y grabar a través de ella me mantiene inspirado mientras trabajo en el clip.

    webcam2ascii es la herramienta que construí justo para eso. Es un filtro en tiempo real que convierte la imagen de la webcam en arte ASCII con detección de bordes integrada. Se conecta a OBS como filtro en vivo, así que la grabación queda con ese aire cyberpunk y sci-fi sin postproducción, y mantiene el lenguaje visual compartido con el resto de los canales de Kyonax.

    Todo el pipeline corre en la GPU con Rust y shaders de cómputo wgpu, capturando los fotogramas mediante GStreamer. Cada fotograma se reduce 8 veces para que cada bloque de 8×8 píxeles se traduzca en un carácter. Un pase de Difference of Gaussians seguido de un filtro Sobel extrae los ángulos de los bordes, y 64 hilos por celda votan la dirección dominante para elegir uno de cinco glifos de contorno (/ \ | - _). Las celdas sin un borde claro recurren a una rampa de luminancia de 10 niveles indexada en un atlas de glifos, y el resultado se compone como una clásica salida de terminal verde sobre negro.

    Actualmente en progreso hacia v0.1.0, con el lanzamiento principal programado próximamente.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    ASCII webcam filter built in Rust with GPU shaders.

    VER REPO
  • EN PAUSA

    ZERONET LABS WEBSITE

    v0.1.0

    // STUDIO SITE: PAUSED

    Zerønet Labs es el lado comercial del ecosistema Kyonax, un estudio enfocado en construir software preciso y de alto rendimiento para empresas de cualquier tamaño. La línea de productos incluye librerías UI principalmente para Vue.js, paquetes npm para Vue, React y Next.js, además de automatizaciones impulsadas por IA y herramientas de soporte para clientes startup y de tamaño medio. El pitch de marca es corto y directo, resolver problemas reales de negocio con automatización e ingeniería de alto rendimiento.

    zeronet-labs-website es el rostro público de la marca y la superficie de lanzamiento para cada producto que sale al mercado. El sitio lleva el manifiesto de la empresa, la línea activa de productos, casos de estudio y un funnel de contacto directo. Planteado como contraparte deliberada del lado open-source Cyber Code Syndicate del ecosistema Kyonax, donde Zerønet vende el trabajo comercial para financiar el resto de la operación.

    Construido alrededor del eslogan Zerønet (zero heavy networks, zero slowdowns, zero wasted cycles), con rendimiento y SEO tratados como prioridades de primera clase por encima de los adornos visuales, ya que las landings comerciales viven o mueren por los Core Web Vitals, la visibilidad en buscadores y la rapidez con que un visitante llega al call to action. La implementación replica el stack de kyo-website (Vue 3, Vite, vite-ssg para locales estáticos, JavaScript plano sobre estilos SCSS) con un sistema de theming específico de la marca encima.

    Actualmente en v0.1.0 y en pausa mientras se afina el lado comercial, con el desarrollo activo programado para reanudar a mediados de 2026.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    Zerønet Labs commercial studio landing page.

    // ENDPOINT :: CLASIFICADO
  • EN PAUSA

    CYBER CODE SYNDICATE

    v0.1.0

    // COMMUNITY HUB: PAUSED

    Cyber Code Syndicate (CCS) es el lado de software libre y código abierto del ecosistema Kyonax, una comunidad construida alrededor de lineamientos, principios y arquitecturas compartidos para cada proyecto que respalda. Aloja estándares de código compartidos, metodologías de enseñanza para quienes recién comienzan en el desarrollo de software, guías curadas sobre uso responsable de IA, y un paper oficial de la comunidad en Zenodo DOI 10.5281/zenodo.17994539 que desarrolla el marco conceptual completo. CCS está arraigado en prácticas éticas de software, privacidad por defecto, transparencia y autonomía, y existe para llevar valor real a la comunidad sin vender nada a cambio.

    cyber-code-syndicate es el landing comunitario de la organización, el punto de entrada principal para cualquiera que quiera saber de qué se trata la comunidad y cómo unirse. El sitio aloja la superficie pública de los lineamientos y principios, la lista activa de proyectos, los canales de mentoría y talleres, y el camino para que nuevos miembros se incorporen. Planteado como contraparte deliberada del lado comercial Zerønet Labs del ecosistema Kyonax.

    Construido como un landing multilingüe con español como idioma principal e inglés como superficie secundaria para igualar la audiencia de la comunidad, estilizado con la misma estética cyberpunk compartida a lo largo del resto del ecosistema Kyonax. La construcción está orientada a rendimiento desde el inicio, con rendimiento y SEO tratados como prioridades de primera clase, dado que el sitio funciona también como rostro público de la comunidad y embudo de onboarding para nuevos miembros. La implementación replica el stack de kyo-website (Vue 3, Vite, vite-ssg para locales estáticos EN y ES, JavaScript plano sobre estilos SCSS) con un sistema de theming específico de la marca encima.

    Actualmente en v0.1.0 y en pausa mientras se afina el lado comunitario, con el desarrollo activo programado para reanudar a mediados de 2026.

    FINALIZADO EN
    // VILLAVICENCIO // GMT-05

    Open-source developer community platform.

    // ENDPOINT :: CLASIFICADO
// 02

SKILLS // HERRAMIENTAS

Las herramientas que uso en producción, de frontend y backend a devops e IA.

FRONTEND

11
  • HTML5
  • CSS / CSS3
  • SCSS / SASS
  • JavaScript
  • TypeScript
  • React
  • Preact
  • Next.js
  • Vue.js
  • Pug
  • Stylus

BACKEND

09
  • Node.js
  • Express.js
  • Nest.js
  • Symfony (PHP)
  • PHP
  • Python
  • Rust
  • PostgreSQL
  • MongoDB

DEVOPS // INFRA

11
  • Git
  • Docker
  • AWS (Nube)
  • GitHub Actions
  • Vite
  • ESLint
  • Jest (Pruebas)
  • Vitest
  • Playwright
  • Storybook
  • Bash Scripting

IA // AUTOMATIZACIÓN

08
  • Claude Code
  • GPT (OpenAI)
  • Gemini
  • Grok
  • GPTel (Emacs)
  • n8n
  • LiteLLM
  • Flujos IA
// 05

FAQ // CONSULTAS

Respuestas a las preguntas más comunes sobre trabajar conmigo en proyectos web.