Skip to content
View juanxaviercasa's full-sized avatar
💜
Latiendo
💜
Latiendo

Block or report juanxaviercasa

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
juanxaviercasa/README.md

Juan Xavier Cabello (Fénix 357)

Juan Xavier Cabello — Fénix Banner

Full-Stack Software Engineer · Arquitecto EdTech & Matemáticas · Sistemas Web & IA

Portafolio Email LinkedIn TikTok NubeParaPymes

Demos en Vivo • Ecosistema de Proyectos (45+) • Stack Tecnológico • Actividad • Filosofía del Fénix • Contacto


Sobre mí

Transformo ideas y modelos abstractos en productos digitales de alto rendimiento, escalables y con propósito. Mi trabajo integra ingeniería de software moderna (TypeScript, React, Next.js, Node.js, Python, FastAPI, Docker) con una sólida base en educación matemática, computación visual, criptografía e inteligencia artificial aplicada.

He diseñado y puesto en producción más de 45 proyectos y aplicaciones interactivas, orientados a resolver problemas reales en dos grandes frentes:

  1. EdTech & Ciencia: Plataformas de aprendizaje adaptativo, motores de evaluación formativa y laboratorios de computación visual/geométrica.
  2. Pymes & Negocios: Ecosistemas de productividad, automatización de flujos con IA, analítica operativa y herramientas web de uso inmediato sin barreras de entrada.

El Fénix representa mi cultura de trabajo: aprender con rigor, reconstruir con excelencia y evolucionar constantemente cada solución técnica.


🚀 Demos en Vivo y Plataformas Activas

Proyectos desplegados con tráfico real y arquitecturas accesibles desde el navegador:

Plataforma / Producto Enfoque & Arquitectura Demo en Vivo Repositorio
Portafolio Principal Portafolio Two-Speed UX: WebGL, Three.js, Data-Driven en Vite y Next.js. 🔗 xavier.cabellosalirrosas.com Ver Código
Taller Fénix Web Landing VSL de alta conversión con testing A/B multivariante y Tailwind CSS v4. 🔗 fenix.cabellosalirrosas.com Ver Código
NubeParaPymes Portal de software, guías y suite de utilidades web en el navegador para gestión de pequeñas empresas. 🔗 nubeparapymes.online Ver Código
Hazlo Crecer Ecosistemas digitales, agentes de conversión con IA y prospección predecible. 🔗 hazlocrecer.com Ver Código
Mundos Simulados Laboratorio de computación visual, simulación de sistemas dinámicos y física computacional. 🔗 mundossimulados.online Ver Código
Caja Fuerte Zero-Knowledge Bóveda de credenciales y comando IA en el cliente con criptografía AES-GCM de 256 bits + PBKDF2. 🔗 cajapifuerte.vercel.app Ver Código
Transformaciones Geométricas Simulador interactivo de álgebra lineal, proyecciones matriciales y homotecias en TypeScript. 🔗 sistemazenit.com Ver Código
Rumbo San Marcos Plataforma de evaluación adaptativa y preparación de alto rendimiento para postulantes a la UNMSM. 🔗 sanmarcos.sistemazenit.com Ver Código
Estudio UNI (CEPRE-UNI) Entrenador intensivo con simulacros y resolución paso a paso para aspirantes a la UNI. 🔗 cepreuni.sistemazenit.com Ver Código
RALE Docentes Plataforma de evaluación diagnóstica pedagógica y gestión formativa para docentes peruanos. 🔗 raledocentes.sistemazenit.com Ver Código
Tabla Periódica Interactiva Explorador reactivo de propiedades atómicas, orbitales y periodicidad físico-química. 🔗 tablaperiodica.sistemazenit.com Ver Código
Mapa de Vida Aplicación de introspección personal, cálculo simbólico y cartografía con paisaje sonoro ambiental. 🔗 mapavida.sistemazenit.com Ver Código
Psicología Interactiva Plataforma divulgativa interactiva sobre modelos cognitivos y sesgos del comportamiento humano. 🔗 psicologiaoscura.sistemazenit.com Ver Código
Todo Lima Directorio digital y geolocalización interactiva de comercios, servicios y cultura de Lima. 🔗 todolima.com Ver Código

🏛️ Pilares Estratégicos & Ecosistema de Proyectos

Catálogo organizado de mis más de 45 desarrollos técnicos agrupados por dominio de especialidad:

1. 📐 EdTech, Matemáticas & Aprendizaje Interactivo

Desarrollo de interfaces didácticas donde la abstracción matemática se vuelve tangible y medible.

  • Funciones: Laboratorio interactivo visual de funciones matemáticas con graficación dinámica, arte conceptual integrado y testing con Playwright y Vitest.
  • Zenit AI Tutor: Tutor inteligente con arquitectura RAG (Retrieval-Augmented Generation), validación de citas y backend en FastAPI para enseñanza matemática personalizada.
  • Math Video Generator: Pipeline integral (React + Express + Python Manim + LaTeX + FFmpeg + IA) para renderizar animaciones matemáticas complejas con voz sintetizada.
  • Transformaciones Geométricas: Entorno interactivo para experimentar con autovalores, autovectores y transformaciones en $\mathbb{R}^2$ y $\mathbb{R}^3$.
  • Plataforma Matemática: Motor de generación de ejercicios algorítmicos dinámicos y diagnóstico en tiempo real.
  • Matemáticas Sin Vergüenza: Plataforma gamificada enfocada en reducir la fricción pedagógica y democratizar el cálculo.
  • Rumbo San Marcos & Estudio UNI: Suites de entrenamiento intensivo de admisión universitaria con temporización y métricas DECO.
  • RALE Docentes: Sistema web de evaluación diagnóstica, retroalimentación y acompañamiento para docentes de EBR.
  • Zenit Plataforma Educativa: Arquitectura educativa basada en Next.js, MDX, componentes dinámicos y KaTeX.
  • Catálogo Cursos: Pipeline de procesamiento, subtitulado y traducción multimedia automatizada para contenidos educativos.
  • Tabla Periódica: Herramienta de visualización de datos atómicos y tendencias periódicas en JavaScript moderno.
  • Psicología Interactiva: Libro web interactivo para divulgación de psicología conductual y heurísticas cognitivas.
  • Portafolio Jessica Cabello: Repositorio y sitio web de intervención psicopedagógica y actividades de neurodesarrollo infantil.

2. 💼 Soluciones Web, Negocios & Herramientas Pymes

Herramientas prácticas que optimizan procesos de pequeñas empresas mediante software ágil y directo.

  • Taller Fénix: Landing VSL de alta conversión en React 19, TypeScript y Tailwind CSS v4 con pruebas A/B multivariante (/webcero, /bycoding, /agencia) y despliegue en Cloudflare Pages.
  • Todo Crecer: Macro-ecosistema empresarial para escalamiento comercial: orquestación de agentes de IA, lead intelligence, finops multi-proveedor y contratos.
  • NubeParaPymes: Centro de recursos, guías y utilidades web de cálculo financiero, SEO y gestión comercial para pymes.
  • Herramientas Pymes (Suite 22-in-1 PWA): Aplicación web progresiva sin dependencias externas que reúne 22 utilidades operativas listas para funcionar offline.
  • Pymes Insights Platform: Plataforma de analítica de negocio con stack robusto: FastAPI, Next.js, PostgreSQL, Redis y contenedorización con Docker.
  • Hazlo Crecer: Framework de ecosistemas digitales, automatización de prospección y agentes de conversión para negocios.
  • Legal Doc: Generador y auditor de contratos de prestación de servicios, acuerdos NDA y plantillas comerciales para emprendedores.
  • ManyChat Automation: Flujos conversacionales y webhooks automatizados para captura y atención de prospectos comerciales.
  • Money Printer Turbo: Dashboard financiero de proyección de flujos de caja, amortización y modelos de precios para productos SaaS.
  • Soluciones Latentes: Sistema de descubrimiento de oportunidades comerciales desatendidas y automatización operativa.
  • Todo Lima: Directorio digital y geolocalización de comercio local para impulsar la visibilidad de pymes limeñas.

3. 🌌 Computación Visual, Simuladores & WebGL

Exploración de la física computacional, renderizado en tiempo real y experiencias de usuario inversivas.

  • Mundos Simulados: Laboratorio de sistemas dinámicos (gravedad n-cuerpos, termodinámica, fluidos simples, autómatas celulares y cinemática en Canvas/WebGL).
  • Portafolio Juan Cabello (Two-Speed UX): Implementación de UX bifurcada (Modo Rendimiento vs. Modo Inmersivo WebGL) para una navegación sin fricción y alto impacto visual.
  • Mapa de Vida: Visualizador de cartografía personal y líneas temporales con generación de audio procedural.
  • Mapas Planos: Visualización y manipulación técnica de planos y geometría en el navegador.

4. 🤖 Inteligencia Artificial, Criptografía & Automatización

Sistemas autónomos, asistentes context-aware y seguridad en el cliente.

  • Caja Fuerte Zero-Knowledge: Bóveda de contraseñas y llaves de API con cifrado AES-GCM del lado del cliente, derivación PBKDF2 (100,000 rondas) y asistente IA desacoplado.
  • Antigravity Academy: Entorno educativo interactivo para dominio de Google Antigravity con cuestionarios dinámicos y recursos 3D.
  • Sistema Creativo: Entorno colaborativo de trabajo con integraciones de LLMs, automatizaciones de tareas, accesibilidad WCAG y suites de test en Vitest.
  • Matemáticas VSL Oferta: Sistema full-stack de oferta educativa con Drizzle ORM, cliente reactivo y empaquetado Docker.
  • Potencia Colab: Laboratorio de ingeniería de datos con autenticación, sincronización con Google Drive/Colab y pipelines de prueba automatizados.

5. 🛠️ Arquitectura Web, Templates de Alto Desempeño & Tooling Dev

Infraestructura base, scaffolding y herramientas de diagnóstico para acelerar el desarrollo.

  • Fábrica de Sitios Nivel 4: Starter template empresarial para sitios web estáticos ultrarrápidos con Astro 5 y Tailwind CSS 4.
  • Webs Pro: Generador modular de landing pages corporativas de alto índice de conversión (Core Web Vitals 95+).
  • Website Strategy: Framework metodológico de arquitectura de información, semántica web y diseño SEO-first.
  • Lab-OS: Shell modular simulando un sistema operativo web para gestionar micro-aplicaciones y herramientas internas.
  • Local Scanner: Utilidad de escaneo local, descubrimiento de puertos e inspección de servicios para entornos de desarrollo.
  • LabPhone: Suite de utilidades para preparación y diagnóstico de dispositivos móviles desde Windows.
  • Catálogo Recursos: Repositorio curado de APIs, librerías, tipografías y herramientas de desarrollo modernas.

🛠️ Stack Tecnológico

┌────────────────────────────────────────────────────────────────────────┐
│  FRONTEND:     TypeScript · React · Next.js · Astro · WebGL · Tailwind │
│  BACKEND:      Node.js · Express · Python · FastAPI · REST · tRPC      │
│  DATOS:        PostgreSQL · MySQL · Redis · Prisma · Drizzle · SQLite  │
│  IA & TOOLS:   RAG Pipelines · LLM Prompting · Manim · FFmpeg · Docker │
│  CALIDAD:      Vitest · ESLint · CI/CD Workflows · Zero-Knowledge      │
└────────────────────────────────────────────────────────────────────────┘

TypeScript JavaScript React Next.js Astro Tailwind Python FastAPI Node.js PostgreSQL Redis Docker Vitest WordPress


📈 Métrica y Actividad

Estadísticas de GitHub Racha y Contribuciones en GitHub


🦅 Filosofía de Ingeniería: El Principio del Fénix

"Aprender con disciplina, deconstruir con rigor y reconstruir con mayor solidez técnica."

  1. Rigor Conceptual: Cada línea de código responde a una necesidad bien modelada, ya sea un teorema matemático, una regla contable para Pymes o un protocolo criptográfico.
  2. Arquitectura con Propósito: Priorizo la simplicidad mantenible sobre la complejidad accidental. La separación limpia entre frontend, lógica de negocio y persistencia es innegociable.
  3. Usabilidad sin Fricción: Como educador, comprendo que un sistema solo es exitoso si su usuario final puede operarlo con fluidez y claridad intuitiva.
  4. Resiliencia & Evolución: Los productos de software no son estáticos; se prueban, auditan y reconstruyen para alcanzar estándares de excelencia.

📬 Contacto y Colaboración

Estoy disponible para roles de Ingeniería Full-Stack, Liderazgo Técnico EdTech, Consultoría de Software / IA para Pymes y Proyectos de Alta Complejidad Visual y Algorítmica.

Construido con perseverancia, matemáticas y código limpio. © Juan Xavier Cabello

Pinned Loading

  1. math-video-generator math-video-generator Public

    Pipeline automatizado para renderizar videos explicativos de matemáticas con Manim, LaTeX, FFmpeg y síntesis de voz.

    TypeScript

  2. nube-para-pymes nube-para-pymes Public

    Centro de software, guías de gestión y suite de utilidades web en el navegador para pequeñas y medianas empresas.

    HTML

  3. potencia-colab potencia-colab Public

    Entorno de sincronización y pipelines de desarrollo entre Google Drive, Google Colab y repositorios locales.

    TypeScript

  4. sistema-creativo sistema-creativo Public

    Entorno colaborativo de trabajo con integraciones de LLMs, automatizaciones de tareas, accesibilidad y suites de Vitest.

    TypeScript

  5. xavier-cabello-portfolio xavier-cabello-portfolio Public archive

    [ARCHIVADO] Portafolio Next.js heredado. Portafolio activo en juan.cabellosalirrosas.com

    TypeScript

  6. zenit-plataforma-educativa zenit-plataforma-educativa Public

    Arquitectura de portal educativo estructurado con Next.js, MDX, componentes interactivos y renderizado KaTeX.

    MDX