MAPA TÉCNICO

Mis SKILLS

Tecnologías, criterios y sistemas que utilizo para construir productos digitales mantenibles, rápidos y preparados para crecer.

Ver proyectos Contactar

notas reales, prioridades visibles

Posicionamiento honesto

El stack no es una colección de medallas

No presento este stack como una colección de medallas. Lo presento como un sistema de trabajo: tecnologías que sé conectar para construir productos reales.

tecnologías conectadas, no cromos

Criterio

Tecnología con intención

Cada herramienta debe explicar una decisión: velocidad, mantenibilidad, arquitectura, contenido, seguridad o automatización.

Entrega

Calidad desde el inicio

SEO, rendimiento, accesibilidad y despliegue no son capas finales; forman parte de cómo se plantea la solución.

Evolución

Aprendizaje visible

El portfolio separa lo aplicado, lo que estoy consolidando y lo que sigo ampliando para evitar señales infladas.

Clasificación real

Capacidades sin porcentajes inventados

Prefiero mostrar contexto de uso antes que barras numéricas. La madurez de una tecnología depende de dónde se ha aplicado y de qué problema resuelve.

JavaScript interacción y lógica cliente
TypeScript interfaces y contratos
React componentes aplicados
Astro portfolio e i18n
C# backend y reglas
.NET APIs y arquitectura
PostgreSQL datos de producto
Docker entorno reproducible
GitHub Actions CI y entrega
Railway staging y despliegue
Tailwind sistemas visuales
SEO estructura indexable
Accessibility interacción revisable

Python automatización útil
Whisper transcripción aplicada
MySQL datos complementarios

PHP contexto previo
Java base complementaria

Vue frontend profesional
Astro sites y contenido
SEO optimización real
Claude Code asistencia de desarrollo
BMAD agents orquestación de agentes
Codex apoyo técnico en editor

Mapa por capas

Capacidades que se conectan

La página separa áreas de trabajo, pero la intención real es conectarlas: interfaz, datos, backend, despliegue, SEO y automatización.

Distribución actual

Peso relativo de mis áreas técnicas

Una lectura editorial del foco actual del perfil: no mide precisión científica, muestra dónde pesa más mi trabajo técnico ahora mismo.

Frontend interfaces, componentes, experiencia visual
28%
Backend APIs, lógica, arquitectura
24%
SEO / Performance visibilidad, semántica, optimización
16%
DevOps / Deployment despliegue, CI/CD, entornos
12%
Automatización flujos, integraciones, eficiencia
10%
IA aplicada asistentes, productividad, procesos
10%

Frontend

Interfaces que no viven en un solo archivo.

Trabajo la interfaz como sistema: componentes, estados, responsive real, contenido legible y detalles que se sostienen al crecer.

componentes, estado, responsive y semántica

React
Astro
TypeScript
JavaScript
Tailwind

Componentes mantenibles
HTML semántico
Estados responsive
Interacción accesible

Backend

La lógica también necesita arquitectura.

El backend se piensa como límite del producto: APIs, validación, autenticación, modelos, responsabilidades y reglas que deben sobrevivir al frontend.

contratos antes que pantallas

ASP.NET Core
C#
API design
JWT
Validación

Contratos claros
Separación de capas
Reglas server-side
Seguridad por defecto

Data

Los datos condicionan el producto.

Una interfaz limpia necesita datos modelados con intención: entidades comprensibles, relaciones claras y consultas que no bloqueen el crecimiento.

la base de datos también cuenta historia

PostgreSQL
MySQL
Modelado
Consultas
Persistencia

Modelos legibles
Relaciones claras
Datos preparados
Trazabilidad

DevOps / Deployment

Que funcione en local no es suficiente.

La entrega necesita reproducibilidad, variables de entorno, CI, staging preparado y una lectura mínima de operación.

entrega como parte del producto

Docker
GitHub Actions
Railway
Variables env
CI

Build reproducible
Staging preparado
Secretos fuera del frontend
Automatización de entrega

SEO / Performance / Accessibility

Una web también debe ser entendida por máquinas.

La calidad técnica une metadatos, estructura semántica, velocidad mobile-first, foco visible y contenido que pueda indexarse y revisarse.

calidad antes del checklist

SEO técnico
Performance
Accessibility
Structured data
Responsive

Hreflang
Sitemap
Focus states
Carga mobile-first

Automation / Applied AI

Menos tareas manuales, más flujo de trabajo.

La automatización y la IA aplicada tienen sentido cuando reducen fricción real: intake, transcripción, routing, notificaciones y handoff operativo.

automatizar sin vender magia

Automation
Applied AI
Python
Whisper
Workflows

Flujos claros
Payloads estructurados
Handoff
Asistencia medible

Proceso aplicado

Del diseño al sistema en producción

El stack importa por cómo se mueve entre fases: una idea visual termina conectada a datos, backend, despliegue y automatización útil.

Evidencia conectada

Dónde se aplica este stack

Los proyectos funcionan como ejemplos de aplicación, no como una lista cerrada ni como métricas inventadas.

Proyecto

KORUS

en construcción

Caso flagship para conectar React, backend modular, PostgreSQL, Docker, CI y criterio de producto.

React
.NET
PostgreSQL
Docker
GitHub Actions
arquitectura

Proyecto

JustWriteIt

en proceso

Herramienta de productividad donde encajan escritura, transcripción, TypeScript, Python y Whisper.

TypeScript
Python
Whisper
IA aplicada
productividad

Proyecto

Portfolio

actual

Sistema editorial con Astro, i18n, SEO, rendimiento, accesibilidad, motion y arquitectura de contenido.

Astro
SEO
Motion
i18n
Accessibility
responsive design

Proyecto

Link Shortener App

posible proyecto

Superficie compacta para demostrar API, datos, validación, seguridad, analítica y redirecciones.

API
Seguridad
Analítica
Redirecciones
validación

Siguiente página

Revisar proyectos o abrir conversación

Si quieres comprobar el stack en contexto, el siguiente paso natural es saltar a proyectos, leer el perfil o abrir contacto.

Ver proyectos Sobre mí Contactar