Portafolio Digital 2025

Este proyecto es un portafolio web futurista desarrollado con Vue.js que presenta un diseño inspirado en las tendencias de 2025, utilizando componentes de PrimeVue y Tailwind CSS para crear una experiencia de usuario moderna e inmersiva.

Características de Diseño 2025

Minimalismo Futurista: Interfaz limpia con elementos esenciales y espaciado generoso
Modo Oscuro Avanzado: Paleta de colores oscuros con acentos brillantes y gradientes sutiles
Neomorfismo Evolucionado: Elementos con profundidad y dimensionalidad mejorada
Tipografía Moderna: Fuentes sans-serif de alta legibilidad (Inter) y monoespaciadas (Space Mono)
Microinteracciones: Animaciones sutiles que mejoran la experiencia del usuario
Disposición Asimétrica: Diseño que rompe con las cuadrículas tradicionales
Efectos de Profundidad: Capas visuales con efectos de desenfoque y transparencia
Gradientes Sutiles: Colores que fluyen naturalmente para crear profundidad
Iconografía Simplificada: Iconos minimalistas con significado claro

Requisitos previos

Node.js (versión 14 o superior)
npm o yarn

Instalación

Clona este repositorio:

git clone <url-del-repositorio>
cd portafolio

Instala las dependencias:
```
npm install
```
Imágenes incluidas:
- Imagen de perfil: public/avatar.jpg
- Imagen de fondo: public/background.jpg (aunque el diseño 2025 no depende de esta imagen)

Desarrollo

Para iniciar el servidor de desarrollo:

npm run dev

Construcción para producción

Para construir la aplicación para producción:

npm run build

Personalización

Cambiar el perfil

Edita la información en src/components/SocialGrid.vue:

<h1 ref="titleRef" class="neo-title">Tu Nombre</h1>
<p class="neo-subtitle">Tu Profesión <span class="dot">•</span> Tu Especialidad</p>

Cambiar los iconos y conexiones

Edita los iconos en src/components/SocialGrid.vue. El diseño 2025 utiliza los iconos de PrimeIcons, que puedes encontrar en la documentación de PrimeVue.

Cambiar el esquema de colores

Edita las variables CSS en el archivo src/App.vue:

.neo-theme-2025 {
  --neo-bg: #0a0a0a; /* Color de fondo */
  --neo-surface: #141414; /* Color de superficie */
  --neo-primary: #6366f1; /* Color primario */
  --neo-secondary: #8b5cf6; /* Color secundario */
  --neo-accent: #ec4899; /* Color de acento */
  /* ... */
}

Estructura del proyecto

src/App.vue - Componente principal con el fondo y efectos visuales
src/components/SocialGrid.vue - Componente principal con el diseño 2025
public/ - Directorio para imágenes y recursos estáticos

Características Técnicas

Animaciones GSAP: Secuencias de animación fluidas y profesionales
Componentes PrimeVue: Utilización de Avatar, Button, y otros componentes
CSS Variables: Sistema de diseño basado en variables para fácil personalización
Efectos CSS Avanzados: Uso de backdrop-filter, gradientes, animaciones y transformaciones
Diseño Responsivo: Adaptación perfecta a dispositivos móviles y de escritorio

Licencia

MIT

drupalio/portfolio2025