yeray004 / portfolio

Development of my portfolio in React.js

Home Page:https://portfolio-yeray004.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

💻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

About

Development of my portfolio in React.js

https://portfolio-yeray004.vercel.app


Languages

Language:CSS 56.3%Language:JavaScript 42.5%Language:HTML 1.2%