// Esta base de código: Portafolio Digital Glitch

Portafolio Digital Glitch

Portafolio Minimalista, Glassmorphic / Sitio Web Personal / Proyecto Next.js App Router

Resumen de una línea:
A premium portfolio built with Next.js, featuring digital glitch aesthetics, canvas-based wave physics, interactive AI voice chatbot, and smooth GSAP ScrollTrigger parallax.

Duración del Desarrollo: Abril 2026 - Junio 2026

Nota(s):

• Descargo de responsabilidad sobre disponibilidad de hosting/código:
  El código fuente completo está disponible bajo petición. El proyecto está en línea, pero no se ha publicado públicamente para evitar exponer posibles vulnerabilidades.
• Contacto para más información o demostraciones:
  Póngase en contacto con Franz Phillip G. Domingo a través de franzdomingo.dev.
• Nota de navegación:
  Las páginas de blog y proyectos son accesibles a través de la navegación del sitio.

Características

• Physics-Based Canvas Transitions (animated Perlin noise wave distortion)
• Interactive AI Voice Chatbot with TTS, context-awareness, and next-intl support
• GSAP ScrollTrigger Parallax with staggered section entry triggers
• Bento Grid Skill Showcases for language proficiency and cloud expertise
• Accessibility and Performance optimizations (reduced-motion fallbacks, edge runtime)
• Multi-agent Orchestration Pipeline Architecture
• Dark/Cyberpunk signature palette with Coral, Cream, and Glitch Cyan/Magenta

Mis Contribuciones (Rol y Responsabilidades)

Frontend Architecture:

• Developed physics-based canvas transitions and custom scroll snap engines.
• Integrated an AI chatbot with vocal synthesis and local storage persistence.

Multi-Agent Orchestration:

• Orchestrated a pipeline of specialized agents (Coder, Front-End, QA, Tech Writer, Infra).

Performance & DevOps:

• Configured Vercel Edge Runtime and DNS routing for optimal performance.
• Ensured accessibility with reduced-motion fallbacks and Core Web Vitals audits.

Desafíos Enfrentados

• Synchronizing complex animations:
  Coordinating canvas-based wave physics with React state and GSAP ScrollTrigger.
• AI Chatbot Performance:
  Optimizing TTS vocal synthesis and LLM streaming within a Next.js Edge environment.
• Agent Orchestration:
  Managing a complex multi-agent orchestration pipeline for feature delivery.
• Accessibility:
  Balancing high-performance visual glitch effects with strict reduced-motion accessibility standards.

Arquitectura del Proyecto

• Architecture Style:
  Modular, functional React with Next.js App Router (Turbopack).
• Component Organization:
  • app/: Edge runtime routing, layouts, and internationalization (next-intl).
  • components/: Bento grids, 3D Canvas scenes, AI chatbot interface, and GSAP triggers.
  • messages/: Localization JSON dictionaries.
• Integrations:
  Three.js for WebGL, GSAP for high-performance scrolling, and @google/generative-ai for the chatbot.

Vista Previa de la Demostración

• Capturas de pantalla/Video:
  La demostración en vivo del Portafolio Digital Glitch está disponible en franzdomingo.dev. Todas las características de la interfaz de usuario, diseños e interacciones están disponibles para explorar directamente.

• Vistas de Plataforma:
  Web (adaptable, primero para móviles)

• Funcionalidad Mostrada:

  • Digital glitch landing page
  • Physics-based canvas transitions
  • AI Voice Chatbot interactions
  • Bento grid skill highlights
  • GSAP Parallax scrolling

• Instrucciones de la Demostración:
  Visite el sitio en vivo en franzdomingo.dev.
  Para obtener el código fuente completo o una demostración privada, contacte al autor.

Si necesita más detalles o desea ver la base de código, comuníquese directamente con el autor.