Skip to content

espinosa-dev/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio de Álvaro Espinosa

Este es mi portafolio personal, diseñado y desarrollado para mostrar mis proyectos, habilidades y experiencia como desarrollador web y estudiante de DAM.

🚀 Características

  • Diseño Premium & Responsive: Interfaz moderna con tema oscuro, efectos de glassmorphism y adaptabilidad total a dispositivos móviles.
  • Secciones Dinámicas:
    • Proyectos Manuales: Sistema flexible mediante un array JSON en js/main.js para gestionar fácilmente los proyectos mostrados.
    • Timeline de Experiencia: Visualización clara y estructurada de mi trayectoria laboral y académica.
    • Skills Clasificadas: Separación entre Hard Skills y Soft Skills con etiquetas estilizadas.
  • Funcionalidades Interactivas:
    • Contacto Inteligente: Botón que abre tu gestor de correo y, automáticamente, copia la dirección al portapapeles.
    • Smooth Scroll: Navegación fluida entre secciones.
  • Internacionalización: Todo el contenido está redactado en Español.

🛠️ Tecnologías Utilizadas

  • HTML5 Semántico: Estructura limpia y accesible.
  • CSS3 Moderno: Uso extensivo de variables CSS (:root), Flexbox, CSS Grid y media queries para el diseño responsive.
  • JavaScript (Vanilla): Lógica para el menú móvil, renderizado dinámico de proyectos y utilidades del portapapeles.
  • Iconografía: Font Awesome 6.4.0.
  • Tipografía: Google Fonts (Familia 'Outfit').

📂 Personalización

El proyecto está diseñado para ser fácilmente editable:

  1. Añadir Proyectos: Abre js/main.js y añade un objeto al array projects:

    {
        title: "Nuevo Proyecto",
        description: "Descripción...",
        tags: ["Tecnología 1", "Tecnología 2"],
        repoLink: "URL Repositorio",
        demoLink: "URL Demo (Opcional)",
        language: "Lenguaje Principal"
    }
  2. Editar Perfil: Modifica index.html para actualizar textos, enlaces de redes sociales o añadir nuevas tarjetas de experiencia.

  3. Estilos: Los colores y fuentes principales están definidos en :root al inicio de css/style.css.

📬 Contacto


Álvaro Espinosa. Creado con pasión por el código.

About

Este es mi portafolio.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors