Portafolio Personal - Gustavo González

Este proyecto es un portafolio personal desarrollado por mi, Gustavo González. Es una paggina web que muestra información acerca de mi, mis habilidades, proyectos realizados, y como contactarme. El proyecto está desarrollado utilizando React.

Instalación

Clona este repositorio en tu máquina local. Asegúrate de tener Node.js instalado. Ejecuta el siguiente comando en la terminal para instalar las dependencias del proyecto:

npm install

Para iniciar el servidor de desarrollo, ejecuta el siguiente comando:

npm run serve

Abre tu navegador y ve a http://localhost:3030 para ver la página del portafolio.

Realiza cualquier modificación necesaria en el código fuente y el servidor de desarrollo se actualizará automáticamente.

Construcción del proyecto Si deseas generar una versión optimizada y lista para producción del proyecto, ejecuta el siguiente comando:

npm run build

Este comando generará los archivos optimizados en la carpeta dist/*.

Tecnologías utilizadas

• React: React es una biblioteca de JavaScript de código abierto que se utiliza para construir interfaces de usuario interactivas y reutilizables. Se centra en la creación de componentes reutilizables que gestionan su propio estado y se actualizan de manera eficiente cuando cambian los datos. React utiliza un enfoque basado en componentes y el concepto de virtual DOM (Document Object Model) para agilizar la manipulación y actualización del DOM, lo que mejora el rendimiento de las aplicaciones web.

• SCSS: SCSS (Sassy CSS) es una extensión de sintaxis para CSS (Cascading Style Sheets). Proporciona una serie de características adicionales que mejoran la legibilidad y mantenibilidad del código CSS. SCSS incluye características como variables, anidamiento de selectores, mixins (fragmentos de código reutilizables) y funciones. Al escribir estilos con SCSS, puedes organizar mejor tu código y hacerlo más modular y fácil de mantener.

• Webpack: Webpack es una herramienta de empaquetado de módulos para aplicaciones web. Su objetivo principal es tomar múltiples archivos JavaScript, estilos, imágenes y otros recursos, y empaquetarlos en un único archivo (o varios archivos) optimizados y eficientes para su uso en un navegador web. Webpack permite gestionar las dependencias entre los diferentes módulos de tu proyecto, optimizar el tamaño de los archivos resultantes y automatizar tareas como la minificación del código y la carga de recursos.

• Babel: Babel es un transpilador de JavaScript que permite escribir código en una versión más nueva de JavaScript y convertirlo a una versión anterior compatible con los navegadores web actuales. Esto permite utilizar características y sintaxis más modernas de JavaScript, como clases, arrow functions y módulos, incluso en navegadores que no las admiten nativamente. Babel se utiliza comúnmente en proyectos de desarrollo web para garantizar la compatibilidad con diferentes navegadores y versiones de JavaScript.

Contacto Si tienes alguna pregunta o sugerencia relacionada con este proyecto, puedes contactarme a través de las siguientes vías:

Email: gon21438@uvg.edu.gt ¡Gracias por visitar mi portafolio personal!