Skip to content

anamariamad/Portfolio.React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Dirección del BACK-END:

https://github.com/anamariamad/PortfolioBackend.git
  • PortfolioReact

Este es un proyecto para realizar un portfolio full-Stack.

Para acceder a este repositorio debes tener instalados los siguientes programas: 

- Node

- Tener creada la estructura de React:
https://es.react.dev/learn/start-a-new-react-project

- Vite:
https://vitejs.dev/guide/

Para abrir el repositorio escribe en la terminal de Visual Studio Code (VSC):

"git clone" seguido del nombre del repositorio.

Sigue después las instrucciones que te aparecerán en la pantalla:

"or create a new repository on the command line
echo "# nombre del repositorio" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin dirección del repositorio
git push -u origin main"

Como vite también utiliza npm escribimos en la terminal: "npm create vite@latest ." (cuidado con el punto)

Nos aparecera una lista de frameworks, elegimos react.

Seguidamente elegiremos una "variant" de las que aparecen, en este caso, JavaScript.

Una vez creada introduciremos los comandos:
- "cd seguido del nombre que hayamos elegido"
- "npm install"
- "npm run dev"

Y nos va a entregar un puerto de acceso donde poder visualizarlo.

arriba 1

arriba 2

foto3 portfolio

---------------------------------------------------------------------------

* Conexión con AXIOS

a) Instalar Axios:

Abre la terminal en la carpeta de tu proyecto de React y ejecuta: "npm install axios"/ "npm i axios"

b) Importar Axios:

Donde desees utilizar Axios, importa la biblioteca con: import axios from 'axios';
Una vez que se ha instalado y se ha importado Axios, se puede utilizar para realizar solicitudes HTTP (GET, POST, etc) en la aplicación de React.

Deploy en VERCEL

https://portfolio-react-deploy.vercel.app/

About

Este es un proyecto para hacer un portfolio full-stack; link del deploy: https://portfolio-react-deploy.vercel.app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published