Portafolio Personal - Julian Nicolas Cardona

Portafolio personal desarrollado con React, TypeScript y Arquitectura Hexagonal. Incluye diseño responsive, animaciones modernas, optimización SEO y gestión de estado avanzada.

🚀 Características

• Arquitectura Hexagonal: Separación clara entre dominio, aplicación e infraestructura
• Diseño Responsive: Adaptable a todos los dispositivos
• Animaciones Modernas: Efectos visuales interactivos con Canvas API
• Glassmorphism: Diseño con efectos de cristal y transparencias
• TypeScript: Tipado estático para mayor robustez
• Componentes Modulares: Estructura reutilizable y mantenible

📋 Requisitos Previos

Antes de ejecutar este proyecto, asegúrate de tener instalado:

• Node.js (versión 16 o superior)
• npm (incluido con Node.js)

Verificar instalación:

node --version
npm --version

🛠️ Instalación

1. Clonar el repositorio:

git clone https://github.com/nichollsc7/portafolio.git
cd portafolio

2. Instalar dependencias:

npm install

🚀 Ejecutar el Proyecto

Desarrollo

npm start

El proyecto se abrirá automáticamente en http://localhost:3000

Producción

npm run build

Genera la versión optimizada para producción en la carpeta build

📁 Estructura del Proyecto

src/
├── application/          # Capa de aplicación (casos de uso)
├── domain/              # Capa de dominio (entidades y reglas de negocio)
├── infrastructure/       # Capa de infraestructura (implementaciones)
├── presentation/         # Capa de presentación (componentes React)
└── assets/              # Recursos estáticos (imágenes, documentos)

🎨 Tecnologías Utilizadas

• React 18 - Biblioteca de interfaz de usuario
• TypeScript - Tipado estático
• CSS3 - Estilos y animaciones
• Canvas API - Animaciones personalizadas
• Arquitectura Hexagonal - Patrón de arquitectura limpia

📱 Secciones del Portafolio

• Inicio: Información personal y estadísticas
• Experiencia: Historial laboral con filtros
• Proyectos: Portfolio de proyectos con scrollbar
• Habilidades: Tecnologías y niveles de experiencia
• Contacto: Información de contacto y redes sociales

🌟 Características Destacadas

• Animación Sonar: Efecto interactivo que sigue el cursor
• Scrollbar Personalizado: Para la sección de proyectos
• Filtros Dinámicos: Por tipo de experiencia y categoría de proyecto
• Diseño Glassmorphism: Efectos de transparencia y blur
• Responsive Design: Adaptable a móviles, tablets y desktop

📄 Licencia

Este proyecto es de uso personal. Todos los derechos reservados.

---

Desarrollado con ❤️ por Julian Nicolas Cardona