Skip to content

hvk88/portafolio

 
 

Repository files navigation

Portafolio de Fabian Velasquez

Bienvenido a mi portafolio web, desarrollado para presentar mis habilidades, proyectos y experiencia en desarrollo de software. Mi enfoque es la calidad en el desarrollo de software, combinando precisión y creatividad para generar soluciones tecnológicas efectivas.

Capturas de Pantalla

Captura 1 Captura 2
Pantalla principal Formulario de contacto

🌟 Características

  • Inicio y Navegación Suave: Un diseño limpio con navegación fluida entre secciones, utilizando scroll smooth para una experiencia más dinámica.
  • Sección 'Sobre Mí': Incluye información sobre mi formación y experiencia profesional, destacando mi interés en el desarrollo de software y proyectos personales.
  • Experiencia: Organizada en secciones que incluyen mis experiencias técnicas y otros trabajos, con detalles claros de cada puesto.
  • Proyectos: Una muestra de mis principales proyectos, cada uno con una descripción, las tecnologías utilizadas y enlaces a repositorios o demostraciones.
  • Habilidades y Tecnologías: Lista de herramientas y lenguajes de programación en los que tengo experiencia, presentadas con transiciones suaves que destacan cada habilidad.
  • Contacto: Un formulario para que los visitantes puedan contactarme, implementado con EmailJS para envío de mensajes.

🚀 Tecnologías Utilizadas

  • Frontend: React para la construcción de componentes y el manejo de la interfaz.
  • CSS: Para el diseño y estilo, utilizando fuentes Syne y Rubik con un esquema de color característico (#AF7927 y #000) y letras en blanco.
  • EmailJS: Para la funcionalidad de envío de mensajes en la sección de contacto.
  • GitHub Pages: Utilizado para desplegar el portafolio y permitir su visualización en línea.
  • Vite: Utilizado como herramienta de construcción y desarrollo.
  • JavaScript, HTML5, CSS3: Lenguajes base para el desarrollo de las interfaces.
  • Herramientas de Desarrollo: Visual Studio Code, Git/GitHub para control de versiones, y Postman y Azure DevOps en otros proyectos.

🌐 Despliegue

El portafolio está desplegado en GitHub Pages y es accesible en el siguiente enlace: https://www.mostro.dev

📦 Dependencias

Dependencias Principales

  • @emailjs/browser: ^4.4.1
  • react: ^18.3.1
  • react-dom: ^18.3.1
  • react-icons: ^5.3.0
  • react-router-dom: ^6.27.0
  • react-scroll: ^1.9.0

Dependencias de Desarrollo

  • @eslint/js: ^9.13.0
  • @types/react: ^18.3.11
  • @types/react-dom: ^18.3.1
  • @vitejs/plugin-react: ^4.3.3
  • eslint: ^9.13.0
  • eslint-plugin-react: ^7.37.1
  • eslint-plugin-react-hooks: ^5.0.0
  • eslint-plugin-react-refresh: ^0.4.13
  • gh-pages: ^6.2.0
  • globals: ^15.11.0
  • vite: ^5.4.9

🧩 Componentes Principales

-Header: Optimizado para mejorar el Largest Contentful Paint (LCP), asegurando tiempos de carga rápidos y una mejor experiencia de usuario. -Skills: Muestra de habilidades con transiciones que resaltan cada una. -Projects, AboutMe, Contact: Cada sección proporciona una vista detallada de mi experiencia y conocimientos en el área del desarrollo de software.


Desarrollado con 💻 y ☕ por Fabian Velasquez


Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.5%
  • CSS 28.6%
  • HTML 0.9%