Sistemas / Producto / Arquitectura

Las apps son funcionalidades. Yo construyo
sistemas

No se trata de escribir código, sino de tomar decisiones.

Trabajo en la intersección de arquitectura, producto y rendimiento, construyendo sistemas pensados para escalar desde el día uno.

Ver proyectos →Cómo pienso
Astro · React · TS
Node · Postgres
Cloudflare · Edge
Supabase +

Sistemas, no demos.

Tres proyectos. Tres decisiones. Cada uno resuelve un problema real con arquitectura intencional.

01
en vivoAstroReactThree.jsCloudflareSupabase

Pixelatmos

Estudio independiente: herramientas creativas propias en el navegador

// arquitectura
  • Astro 5 con output server sobre Cloudflare Workers
  • Islas React 19 solo en las herramientas; el resto es HTML servido desde el edge
  • 3D Lab: SVG o texto → objeto 3D interactivo, con export a PNG/GLB
  • Motor 3D extraído a su propio paquete y repo (3dsvg), reutilizable fuera del sitio
  • Supabase como Postgres de metadatos + Storage de las piezas
  • LLM de visión vía OpenRouter para Visual Protocol
  • AdSense y Clarity detrás del consentimiento
Ver caso completo →Ver demo ↗Código ↗
demo
obra original del sitio de Pixelatmos
obra original del sitio
pixelatmos.com/
abrir ↗
estado
en vivo
stack
Astro + React
02
betaNodeWebSocketsCloudflareDurable ObjectsPWA

Clippy

Portapapeles compartido entre dispositivos — tiempo real, sin instalar nada

// arquitectura
  • Express + ws como servidor de sesiones, con endpoint /health
  • Durable Object ClippyCoordinator para coordinar sesiones en el edge
  • Sesiones efímeras por código, con TTL configurable y limpieza periódica
  • Hasta 5 dispositivos por sesión, con resume token para reconexión
  • Rate limiting por IP con ventana deslizante y límites de tamaño (10 KB texto / 5 MB imagen)
  • Frontend PWA con service worker, desplegado en Cloudflare Pages
Ver caso completo →Ver demo ↗Código ↗
demo
Captura de Clippy
captura real
clippy-pages.pages.dev/
abrir ↗
estado
beta
stack
Node + WebSockets
03
en procesoNodeAstroReactPostgresChrome MV3Docker

Indexer

Motor de conocimiento técnico para convertir recursos dispersos en rutas accionables

// arquitectura
  • Extensión Chrome MV3 con cola persistente y reintentos exponenciales
  • Backend Node 20 sin framework para ingesta, deduplicación y enriquecimiento
  • Postgres con FTS tsvector, pg_trgm y funciones RPC · 13 migraciones versionadas
  • Búsqueda híbrida con ranking + Goal Mode: objetivo → pasos → herramientas → alternativas
  • Docker multi-stage, CI/CD y backend desplegado en Render
Ver caso completo →Ver demo ↗Código ↗
demo
Captura de Indexer
captura real
filipaovfx.github.io/indexer/
abrir ↗
estado
en proceso
stack
Node + Astro

Principios que guían cada decisión técnica.

01
principio · 01

Sistemas, no funcionalidades sueltas

Una funcionalidad aislada es un parche. Un sistema bien diseñado absorbe nuevas piezas sin reescribirse.

02
principio · 02

Rendimiento es producto

Cada 100ms de latencia es una decisión de experiencia. La velocidad no es optimización: es parte del producto.

03
principio · 03

Decisiones > demos

Cualquiera clona un tutorial. Lo que importa es por qué elegiste este stack y descartaste otros.

04
principio · 04

Pensar desde el edge

Estático + edge supera a SSR continuo en la mayoría de casos. Optimiza para distribución, no para servidor.

De creador visual a constructor de sistemas.

Juan Felipe González

Empecé vendiendo edición de video y terminé construyendo sistemas. En el medio hay un negocio que funcionó, un intento que fracasó y la decisión de aprender lo que me faltaba.

2019 primer negocio · 15 años

Monté un negocio de edición de video sin tener idea de lo que hacía. Vi un problema en mi entorno y quise resolverlo. Ahí aprendí lo que ningún curso enseña: detectar una necesidad y vender la solución.

Fallé el intento que no aguantó

Quise convertirlo en algo más grande y no aguantó. Sabía algo de HTML y algo de JS, y no alcanzaba. La idea no era el cuello de botella: me faltaba criterio técnico para sostenerla.

Sistemas el giro

Ese fracaso me mostró el tamaño real del problema, y me expuso temprano a producto, arquitectura y aprendizaje autodidacta. Desde ahí dejé de pensar en pantallas sueltas y empecé a pensar en sistemas que se sostienen solos.

Impulso convertido en método.

Hoy diseño y construyo sistemas que convierten ideas complejas en productos que funcionan.

entrada visual + negocio
aprendizaje producto + código
criterio arquitectura + performance
salida sistemas funcionales

Trayectoria y reconocimiento

Un logro competitivo convertido en evidencia técnica: diseño de datos, modelado predictivo y decisiones de producto bajo presión.

hackathon / IA

Ecosistema Predictivo ETL: de datos brutos a inteligencia comercial.

Desarrollamos un pipeline integral de ciencia de datos que unifica comportamiento, transacciones y leads en Supabase para construir una visión 360 del ciclo de vida del cliente.

La solución combina scoring de leads, predicción de churn y estimación de valor potencial para convertir datos comerciales complejos en priorización accionable.

92%
precisión leads
3
modelos IA
01

ETL con fuentes de comportamiento, transacciones y leads

02

Scoring de leads, churn y valor potencial

03

Supabase como capa operativa de datos

ETL PipelineXGBoostRandom ForestData AugmentationSupabase
Equipo ganador del hackathon Talento Tech en inteligencia artificial
Hackathon Talento TechEquipo ganador
Juan Felipe González sosteniendo el premio del hackathon
GanadorPremio recibido
Certificado de primer lugar en el reto de inteligencia artificial
Ministerio TICCertificado oficial

La competencia fue realizada el 21 de noviembre de 2025 en Armenia, Quindío.

1er puesto
Presentación del analizador de sentimiento para YouTube
demo públicaNLP
comunicación técnicapython data scienceyoutube api

Sentiment Intelligence: convirtiendo feedback masivo en lectura de audiencia.

Construí un analizador que transforma comentarios de YouTube en señales accionables de percepción pública, útil para medir reputación, reacción a contenido y riesgos tempranos.

Extracción
YouTube API

Captura comentarios masivos y los convierte en una base limpia para análisis.

Lenguaje
NLP

Procesa lenguaje coloquial, ruido social y polaridad para detectar percepción real.

Decisión
Audience insights

Expone patrones de crisis, engagement y reputación para actuar con criterio.

Ver repositorio →

Del commit a producción.

Un certificado es una afirmación. El pipeline que publica este sitio es la evidencia. Aquí están los dos, juntos.

Diploma en Fundamentos de DevOps otorgado por la Facultad de Ingeniería de la Universidad de La Sabana
Universidad de La Sabana Fundamentos de DevOps
96 horas Facultad de Ingeniería jul 2026

documento de identidad y QR ocultos por privacidad

Este portfolio se despliega solo.

Cada push a main dispara un build en Cloudflare que compila el sitio y lo publica en el edge. Sin subir carpetas a mano, sin pasos que solo yo sé ejecutar.

  1. 01 push rama main
  2. 02 clone Cloudflare Build · node 20
  3. 03 install npm clean-install — lockfile exacto
  4. 04 build npm run build:cloudflare
  5. 05 host juangonzalezdev.xyz · dominio propio
  6. 06 upload dist/ a la red de Cloudflare
  7. 07 headers _headers: cache immutable + nosniff
JS enviado al cliente 0 KB
Deploy manual ninguno
robots + sitemap generados en build
Cabeceras nosniff · referrer-policy
Imágenes WebP
Ver la configuración de deploy ↗

¿Construimos algo que no existe todavía?

Los tres proyectos de arriba están en producción y su código es público: puedes revisar las decisiones antes de escribirme. Si tu equipo necesita a alguien que piense en sistemas —arquitectura, rendimiento y el criterio para sostenerlos— hablemos.

juanku2003@gmail.com → GitHub ↗ LinkedIn ↗