Skip to content

yeray004/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻PORTFOLIO

Bienvenid@ a la documentación de mi portafolio, a continuación te explicaré un poco acerca de este y la forma en como fué desarrollado, pasando de mi inspiración en el diseño, herramientas y lenguajes empleados y la estructuración del código.

📓Herramientas Usadas

Figma Html css JavaScript Node.js React

🎨Inspiración

La interfaz de este portafolio fué elaborada siguiendo la línea de mi marca personal, los colores, fuentes, y estilo hecho propio dentro de este proyecto. Diseñando toda su interfaz con la herramienta Figma.

Figmas


🛠️Creación del proyecto

Para la creación de este proyecto necesitamos cualquier editor de código que nos permita trabajar junto a node.js y npm, abrimos la consola en la ubicación donde querramos crear el proyecto y escribimos:

  npm create vite@latest nombre-del-proyecto
  Select a framework: React
  Select a variant: JavaScript

Una vez hecho esto hemos creado nuestro poyecto con el framework de React y JavaScript, entramos a la carpeta de nuestro archivo e instalamos las dependencias pata poder ejecutarlo y trabajar con el

  npm i

📲Otras dependencias

  • Librería de animaciones AOS
  • Librería de íconos de react
  npm i aos
  npm i react-icons

📂Estructuramiento de carpetas

Se creó una nueva carpeta de componentes dentro del src, dejando la barra de navegación y el footer junto a una carpeta específica por cada una de las vistas trabajads en el poryecto.


👀Deploy

image