Cómo Clonar un Repositorio de GitHub

GitHub es una plataforma ampliamente utilizada para el almacenamiento y colaboración de proyectos de desarrollo de software. Clonar un repositorio de GitHub te permite obtener una copia local del código fuente de un proyecto para que puedas trabajar en él en tu propio entorno. A continuación, se describen los pasos para clonar un repositorio de GitHub:

Paso 1: Iniciar Sesión en GitHub

Si aún no tienes una cuenta de GitHub, debes registrarte en GitHub para poder clonar repositorios y colaborar en proyectos.

Paso 2: Encuentra el Repositorio

1. Inicia sesión en tu cuenta de GitHub.
2. Utiliza la barra de búsqueda en la parte superior de la página para buscar el el usuario eduanayardo.
   
   
3. Haz clic en la opción Users en el menú izquierdo.
   
4. Dar clic en el nombre del usuario.
   
5. Seleccionar la opción de Repositories.
   
6. Seleccionar el repositorio a clonar.
   

Paso 3: Copiar la URL del Repositorio

En la página principal del repositorio, encontrarás el botón "Code" (Código) en la esquina superior derecha. Haz clic en el botón.
Y, a continuación, selecciona la URL del repositorio. Puedes copiar esta URL al hacer clic en el icono de copiar que se encuentra junto a ella.

Paso 4: Abre la Terminal o Línea de Comandos

Abre la terminal o línea de comandos en tu sistema operativo. Asegúrate de estar ubicado en el directorio donde deseas clonar el repositorio.

Paso 5: Clonar el Repositorio

Utiliza el siguiente comando para clonar el repositorio en tu máquina local:

git clone https://github.com/eduanayardo/appSinaloa.git

Instalar Dependencias

Paso 1: Instalar Node.js y npm

Si aún no tienes Node.js y npm instalados en tu sistema, debes hacerlo antes de poder utilizar npm. Puedes descargar la última versión de Node.js desde el sitio web oficial de Node.js.

Paso 2: Abrir consola de git dentro de la carpeta de nuestro proyecto

Para la instgalacion de nuestras dependencias debemos abrir en el explorador nuestro proyecto.

Paso 3: Abrir la Terminal

Abre la terminal o línea de comandos en tu sistema operativo. Asegúrate de estar en el directorio raíz de tu proyecto (donde se encuentra el archivo package.json, que es el archivo de configuración de npm).

Paso 4: Instalar Dependencias

Para instalar dependencias en tu proyecto, utiliza el siguiente comando en la terminal:

npm install

#Otra opción

Paso 1: Abrir VScode

1. Para esta opcion requerimos que cargue toda la interfaz de Vscode, una vez cargada en la pagina de inicio buscaremos y seleccionaremos la opcion abrir carpeta.

2. Ingresar hasta la raíz de nuestro proyecto y presionar el boton de seleccionar carpeta

3. Esperar que cargue nuestro proytecto completo

4. Buscar el menú "Terminal" en la barra superior de VScode, abrirlo y señecciona la opción "Nuevo Terminal"

5. En la terminar tiliza el siguiente comando en la terminal:

   npm install

   

---

Configurar URL para el consumo de API REST

En este paso asignaremos la URL que utilizamos para hacer el consumo en la API REST al momento de configurar el repositorio api_rest.

1. Buscar y abrir los archivos Destinos.tsx y Municipios.tsx en la ruta src/pages
2. Localizar la función sendGetRequest
3. localizar el parametro url
4. Colocar la URL que se utilizara para el consumo de la API REST

---

Correr nuestra aplicación

Para ello utilizaremos la extencion de Ionic, que nos ayudara a poder vizualizar nuestra aplicacion en la web.

Paso 1: Instalar la Extensión Ionic

Si aún no tienes Visual Studio Code instalado, puedes descargarlo desde el sitio web oficial de VSCode. Luego, sigue estos pasos para instalar la extensión "Ionic":

1. Abre Visual Studio Code.
2. Ve al menú "Extensions" (Extensiones) en la barra lateral izquierda o presiona Ctrl+Shift+X.
   
3. En el campo de búsqueda, escribe "Ionic" y selecciona la extensión proporcionada por "Ionic" y asegurarnos que es del editor verificado.
   
4. Haz clic en el botón "Install" (Instalar) para instalar la extensión.
   

Paso 2: Correr nuestra aplicación

En VSCode, ve al menú "Ionic" en la barra laterla izquierda. Sigue estos pasos:

1. Buscar la opción "Web" para lanzar nuestra aplicación a un navegador
2. En el panel izquierdo nos mostrara un Qr (para vizualizarlo en un dispositivo movil) y se nos abrira la terminal en la seccion de salida, donde podremos ver las url a las cuale spodemos acceder para vizualizar nuestra aplicación:
   
3. Se abrira abrira el navegador web por defecto o abrira una pestaña.
   
4. Presionaremos la tecla F12 para abrir el inspeccionador de elementos y daremos clic o presiona Ctrl+Shift+M para abrir la "Barra de herramientas del dispositivo"
   
5. Vizualisaremos nuestra apliación como un dispositivo movil