3

Como descargar el repositorio del proyecto platzisquare y navegar entre los temas vistos (Branches)

Hola, en esta ocasión quiero resumir el procedimiento base para descargar el repositorio del proyecto
en nuestro entorno local y poder navegar entre las ramas existentes “temas del proyecto” como guía propia
a nuestro proyecto alterno que tengamos alojado en este mismo entorno.

  • Lo primero que tenemos que hacer, es acceder al repositorio base donde se encuentra alojado el proyecto: platzisquare, en la URL:

https://github.com/EduardoIbarra/platzisquare

  • Posteriormente, tendrémos que darle Click al Botón “Fork” para clonar este repositorio desde la cuenta Github del profesor hacia nuestra cuenta Github como paso fundamental:
1.  Fork.png
  • Nos vamos ahora a nuestro Repositorio y localizamos desde la lista de repositorios “Mi perfil Github” el proyecto
    al cual hemos realizado una copia desde la cuenta Github del profesor:
2. Click en repositorio.png
  • Una vez estemos dentro del repositorio al cúal se ha realizado la acción “Fork”, se procede a darle Click
    en el botón color verde “Clone or download”, inmediatamente se desplegará una pequeña ventana con los detalles
    del repositorio a clonar. Basta entonces dar click en el botón de la derecha “Copiar” para tener en la memoria
    la URL del repositorio que queremos clonar ahora, en nuestro entorno local.
3.  Clonar y copiar Repo.png
  • Ahora la tarea está realizada hasta la mitad. Lo que sigue a continuación es destinar en nuestro entorno local (PC) una carpeta relativa a ese repositorio en la ubicación que gusten, por lo general lo hago dentro de mis documentos y creo una carpeta llamada: “Platzi”, dentro de ella una carpeta llamada: “proyectos” como convención.

  • Una vez tengamos esta carpeta creada, necesitamos hacer uso de la terminal, en mi caso, mi terminal favorita es: “GITBASH”, la cual pueden descargar desde:
    https://git-scm.com/downloads

  • Una vez instalado Gitbash o en caso de no lo tengan o simplemente no quieran usarlo, pues abren el CMD de windows, en mi caso (windows 10) o el PowerShell. Aquí lo vital es que podamos ejecutar comandos GIT (tener previamente instalado GIT en nuestro entorno).

  • Para verificar que lo tenemos instalado pues navegamos hasta nuestro directorio base que tenemos destinado para clonar el proyecto y que en estos momentos se encuetra vacío, entonces presionamos Click derecho y deberá desplegarse una ventana normal pero con la opctión de ejecutar GitBash “Here”, y es precisamente la terminal que necesitamos ejecutar en este directorio:

4. git Bash Here.png
  • Una vez abierta la terminal, necesitamos inicializar un repositorio por defecto para poder ejecutar comandos GIT con normalidad, si tienen muchas dudas recomiendo ir al Curso profesional de Git y Github de Platzi.

  • Siguiendo con el procedimiento, escribimos el siguiente comando:

git init
  • Ahora este paso es muy importante pero opcional, ya que o pueden directamente clonar el repositorio o bien, enlazar al repositorio remoto para subir cambios, consiste en enlazar el repositorio remoto “platzisquare” al cual hemos Hecho Fork desde el repositorio del profesor, para ello, copiamos primero en el portapapeles la URL del repositorio:
5. URL en portapapeles.png
  • Una vez copiado, escribimos este comando:
git remote add origin [PEGAR_ACA_LA_URL_COPIADA] + [ENTER]
  • Es muy comun que al escribir este comando y presionar “ENTER”, nos pida el nombre de usuario y la contraseña, si es el caso pues escribimos normal las credenciales de Github y esperamos a que la terminal de un pequeño salto de linea indicando el enlace correctamente:

para corroborar dicho enlace basta con escribir el comando git:

git remote -v
  • y deberá aparecer información sea para el caso de realizar PULL o PUSH.

  • Si solo queremos clonar el repositorio, basta entonces con escribir desde la carpeta base:

 git clone[PEGAR_ACA_LA_URL_COPIADA] + [ENTER]
  • Para comprobar que se ha clonado correctamente el repositorio, escribimos en la terminal de Git:
ls -l
  • Se listará entonces la unica carpeta que se descargó desde el repositorio remoto: “platzisquare”
6.  repo-clonado.png
  • Ahora ingresamos a dicha carpeta:
cd platzisquare
  • Y listamos las ramas existentes descargadas con el comando:
git branch -a + [ENTER]
7. mostrar todas las ramas.png
  • Para navegar hacia una rama específica, por ejemplo, quiero ver lo realizado hasta la parte de login con Facebook exactamente, basta entonces con escribir el comando:
git checkout remotes/origin/login-con-facebook + [ENTER]
  • Y Bingo! ya podremos abrir el proyecto desde cualquier editor de código y podremos ver el contenido de cada rama, veremos todas las carpetas en src/app y todos los componentes con la implementación dada en cada rama (avance del desarrollo del proyecto en el curso).

  • Comparto finalmente una captura de pantalla indicando el aspecto de la rama en cuestión:
    aspecto Branch.png

Espero les sirva y comenten si quieren agregar o corregir algún aspecto importante de este Tutorial.
Un cordial Saludo.

Escribe tu comentario
+ 2
1
1730Puntos

Cuando se descarga, no existe la carpeta node_modules que es donde se encuentran las dependencias. ¿Cómo se podría regenerarla?

1
216876Puntos
5 años

Como en todo proyecto de Node.js, para instalar las dependencias debes correr el comando npm install.