Portafolio Lab

JavaScript HTML CSS GSAP Canvas Cookies
Hero Proyecto

Situación

A menudo, como desarrolladores, nos encontramos con la necesidad de crear pequeñas herramientas o experimentos rápidos. Crear un repositorio y un despliegue completo para cada una de estas micro-utilidades resulta ineficiente y dispersa el foco del portafolio principal.

Tarea

El objetivo era centralizar todos estos proyectos de menor escala en un solo ecosistema: un "Laboratorio". Un lugar donde el diseño sea consistente pero la funcionalidad sea diversa, permitiendo probar nuevas APIs, lógicas complejas o simples utilidades del día a día sin la sobrecarga de crear una web independiente para cada una.

Acción

Para dar vida a este Laboratorio, implementé una arquitectura flexible:

  • Arquitectura Modular: Cada proyecto del lab reside en su propio directorio con una estructura simplificada (index, style, main), pero compartiendo el sistema de diseño premium del portafolio.
  • Componentización de UI: Reutilización del Navbar y Footer globales mediante JavaScript dinámico para mantener la navegación coherente.
  • Gestión de Idiomas Unificada: Integración de todos los micro-proyectos en el motor de i18n global, permitiendo que utilidades como el "Discord Formatter" sean multilingües desde su nacimiento.
  • Diversidad Técnica: El lab alberga desde juegos de física como "Sandtrix" hasta herramientas de productividad como el "Discord Formatter", sirviendo como patio de recreo técnico.

Resultado

Portafolio Lab se ha convertido en la sección más dinámica del portafolio. Ha permitido la publicación rápida de herramientas útiles que ya están siendo utilizadas (como el formateador de textos para Discord) y sirve como prueba tangible de versatilidad y agilidad en el desarrollo. Es el lugar donde las ideas sencillas cobran vida de forma elegante y profesional.