
Web de Enseñanza de Herramientas
Proyecto personal donde enseño mi kit de herramientas: cómo las uso y cuál elegir según el tipo de proyecto.
Un lado más personal: una web donde comparto mi kit de herramientas de desarrollo, cómo las uso en el día a día y cómo elegir la adecuada según el proyecto que alguien quiere construir. (Más información se añadirá próximamente.)
El problema
Cuando alguien empieza, la pregunta no es solo 'cómo se usa X', sino 'qué debería usar para lo que quiero hacer'. Ese criterio de selección rara vez está explicado en un solo lugar, ordenado y con ejemplos reales de uso.
La solución
Una web que organiza mi stack por propósito: para cada herramienta explico qué resuelve, cómo la uso y en qué tipo de proyecto encaja. Más que tutoriales sueltos, es una guía de criterio para decidir.
Enfoque técnico
SPA en React + Vite con contenido estructurado como datos (cada herramienta es un objeto con su descripción, uso y casos), fácil de ampliar sin tocar componentes.
- React + Vite — navegación instantánea entre secciones
- Tailwind CSS — UI clara y enfocada en lectura
- Sin backend — contenido estático en esta fase
- Contenido gestionado como datos del proyecto
- Netlify — acceso por URL simple
- Git — versionado del contenido
- Claude — apoyo en estructura pedagógica del contenido
El criterio detrás del código
Enseñar criterio, no solo pasos
Hay miles de tutoriales de 'cómo usar X'. El valor aquí es el 'cuándo y por qué': qué herramienta elegir según el problema, que es lo que de verdad cuesta aprender solo.
Contenido como datos
Cada herramienta vive en un objeto de datos. Añadir o actualizar una no requiere tocar la interfaz: el proyecto crece sin fricción.
Un espacio propio para ordenar y compartir mi forma de trabajar, que además me obliga a articular el porqué de cada decisión técnica.