Descripción del Proyecto

Desarrollo de una plataforma e-commerce escalable para Laher Creative, enfocada en alta disponibilidad y experiencia de usuario en tiempo real.

Responsabilidades Clave

• Diseño y desarrollo de APIs RESTful con Express y TypeScript
• Implementación de comunicación en tiempo real mediante Socket.io
• Gestión de base de datos PostgreSQL con optimización de consultas
• Desarrollo frontend con React y Next.js
• Configuración de servidores Ubuntu con CyberPanel

Logros Destacados

• Reducción del tiempo de respuesta de API en un 40%
• Implementación de sistema de caché que mejoró el rendimiento en un 60%
• Migración exitosa de monolitos a microservicios

Tecnologías Utilizadas

{
  "backend": ["Node.js", "TypeScript", "Express", "TSOA", "PostgreSQL"],
  "frontend": ["React", "Next.js", "Tailwind CSS"],
  "infraestructura": ["Ubuntu", "CyberPanel", "Docker"],
  "otros": ["Socket.io", "Redis", "JWT"]
}
---

## 🔧 **8. Script para GSAP (`src/scripts/animations.js`)**
https://demo.lahercreative.com/
https://github.com/italobelen/laher-ecommerce

---

## 🔧 **8. Script para GSAP (`src/scripts/animations.js`)**

```javascript
// src/scripts/animations.js
import gsap from 'gsap';

export function initHeroAnimations() {
  // Animación del grid con movimiento de mouse
  document.addEventListener('mousemove', (e) => {
    const moveX = (e.clientX - window.innerWidth / 2) * 0.01;
    const moveY = (e.clientY - window.innerHeight / 2) * 0.01;
    
    gsap.to(".low-poly-grid", {
      x: moveX,
      y: moveY,
      duration: 1,
      ease: "power2.out"
    });
  });

  // Animación de botones PS
  const psButtons = document.querySelectorAll('.btn-ps');
  psButtons.forEach(btn => {
    btn.addEventListener('mousedown', () => {
      gsap.to(btn, {
        y: 2,
        duration: 0.1
      });
    });
    
    btn.addEventListener('mouseup', () => {
      gsap.to(btn, {
        y: 0,
        duration: 0.1
      });
    });
  });
}

export function initProjectAnimations() {
  // Animaciones para tarjetas de proyecto
  gsap.utils.toArray('.project-card').forEach(card => {
    gsap.from(card, {
      scrollTrigger: {
        trigger: card,
        start: "top 80%",
        toggleActions: "play none none reverse"
      },
      y: 50,
      opacity: 0,
      duration: 0.8,
      ease: "power2.out"
    });
  });
}