Portafolio: El Comienzo

Mi prueba de concepto v0 donde abordé por primera vez Three.js, Vercel y características web avanzadas.

ENLACE DE DEMOSTRACIÓN

Visión General

• Rol: Desarrollador (Primer Intento)
• Tecnologías: React, Three.js, Framer Motion, Vercel
• Resultado Clave: Superé con éxito la confusión de aprender desarrollo web 3D y despliegue por primera vez.
• Resumen: Este fue mi portafolio "v0". Fue mi primera vez experimentando con Three.js, Vercel y animaciones pesadas de UI. Aunque incluía características ambiciosas como un chatbot incrustado y una tarjeta de aterrizaje en 3D, la UI/UX era ciertamente caótica. Sirve con orgullo como mi prueba cruda y sin filtros de mi primer intento.

El Problema

• Desafío: Tratar de aprender e implementar tecnologías web modernas y complejas (renderizado 3D, despliegues) todo a la vez desde cero.
• Audiencia: Yo mismo. Nunca estuvo destinado a ser una pieza pulida para presumir, sino un entorno de pruebas personal.
• Restricciones: Una curva de aprendizaje masiva, que llevó a graves cuellos de botella en el rendimiento y a la falta de un diseño cohesivo de UI/UX.

Enfoque y Decisiones

• Arquitectura: Una configuración modular de React que depende en gran medida de primitivas no optimizadas de Framer Motion.
• Decisiones Clave: Decidí arrojar todas las características geniales que pude encontrar en un solo proyecto solo para ver cómo funcionaban.
• Compromisos: Sacrifiqué completamente la simplicidad, el rendimiento y la experiencia del usuario en nombre de la experimentación técnica cruda.
• Flujo de Datos: Manejado a través del contexto estándar de React, aunque muy ralentizado por estados de animación superpuestos y renders 3D no optimizados.

Resultados Clave e Impacto

• Resultado: Un entorno de pruebas con fallas funcionales pero altamente educativo que allanó el camino para mi trabajo actual.
• Impacto: Me enseñó exactamente qué no hacer con respecto al rendimiento web.

Inmersión Técnica

• Detalles Notables: Intenté sistemas modales avanzados con transiciones de morphing, relojes en vivo y cursores personalizados, todo ejecutándose al mismo tiempo.
• Verificación: Las pruebas se realizaron puramente a través de comprobaciones visuales manuales: ensayo y error en su máxima expresión.
• Optimizaciones: Prácticamente inexistentes. El rendimiento fue una montaña rusa constante.
• Calidad del Código: Ciertamente no es mi mejor trabajo. Fue un entorno caótico destinado puramente al aprendizaje.

Reflexiones

• De manera diferente: Aprendí que juntar animaciones pesadas a ciegas destruye el rendimiento. Mi próxima iteración se centra estrictamente en el rendimiento y la UX limpia.
• Éxitos: Se erige como mi "prueba de primer intento".
• Lecciones: El rendimiento y una UX limpia son infinitamente más valiosos que apilar características 3D llamativas pero no optimizadas.

Mis Contribuciones

• Diseño e Ingeniería: Diseñé e implementé todos los efectos 3D y características interactivas mediante ensayo y error.
• Animación e Interactividad: Construí primitivas personalizadas de Framer Motion.
• Capa de Contenido: Integré MDX.
• Documentación Técnica: Archivé el proyecto para documentar mis desafíos arquitectónicos iniciales.

Arquitectura del Proyecto

Este proyecto utilizó un sistema de componentes React modular pero muy sobrecargado.

• Organización de Componentes:
  • ui/, core/, motion-primitives/: Componentes atómicos reutilizables
  • Contenido MDX para blog y proyectos
• Gestión del Estado: Gestión de temas basada en contexto, localStorage para el estado del dock/cursor.
• Integraciones: Framer Motion, Radix UI, Tailwind CSS, cmdk.

Vista Previa de la Demostración

Esta página documenta la construcción original v0. Para la demostración archivada en vivo, visite archivedportfolio.franzdomingo.dev.

• Vistas de la Plataforma: Web (responsivo)
• Funcionalidad Mostrada:
  • Tarjeta de aterrizaje 3D no optimizada e interfaz interactiva
  • Chatbot incrustado

Nota de Alojamiento:
Archivado como un proyecto de exhibición. El portafolio mucho más limpio y actualizado está ahora en vivo en portfolio.franzdomingo.dev.