---
# System prepended metadata

title: Manual de instalación HUB WEB

---

[![e2i](https://e2i.tech/static/img/logosvggris.svg)](https://nodesource.com/products/nsolid)   
# Manual de instalación HUB WEB
___
## I. Instalación y configuración del HUB Web

### Clonar Repositorio GIT
- En GitHub, visitar la página principal del repositorio:
	>	 https://github.com/e2innovation/Softwares
- Sobre la lista de archivos, dar clic en Code.
    > ![](https://i.imgur.com/v6EiSym.png)
- Para clonar el repositorio usando HTTPS, en ”Clonar con HTTPS", hacer clic en el icono que se muestra:
    > ![](https://i.imgur.com/S4sc5Eh.png)
- Abrir Git Bash.
- Cambiar el directorio de trabajo actual, a la ubicación en donde se desee clonar el directorio.
- Escribir "git clone", agregando la URL copiada anteriormente.
     > git clone
https://github.com/e2innovation/Softwares.git
- Presionar “Enter” para crear repositorio local.

### Configuración del entorno para el sistema operativo Windows
**1.Instalación de Python**
-	Descargar e instalar la versión estable de Python y verificar su instalación.
-	En una ventana del símbolo del sistema, ubicar la carpeta del proyecto Softwares/HubWeb.
-	Versión estable: Python 3.10
	>   Fuente: https://www.python.org/downloads/
-	Verifique que esten agregadas estas variables en Variables de Entorno, si no lo estan, agregarlas: 
	>		C:/Python310 y C:/Python310/Scripts
-	Verificar la versión de python:
	> pip –-version
	    
**2. Instalación del entorno virtual**
- En una ventana del símbolo del sistema, ubicar la carpeta del proyecto: 
	>/Softwares/HubWeb.
- Ejecutar:
    > pip install virtualenv
- Verificar la versión de python: 
	> virtualenv --versión
- Crear el entorno virtual: 
	> virtualenv envHubWeb
- Iniciar el entorno virtual: 
    > /envHubWeb/Scripts/activate

**3. Instalación de Django (framework)**
- En una ventana del símbolo del sistema, ubicar la carpeta del proyecto 
    >/Softwares/HubWeb.
- Instalar dependencias: 
	> pip install -r requirements.txt
	> pip install django-cors-headers
	> pip install Pillow

**4. Instalación de Node.js**
Descargar e instalar: 
>   https://nodejs.org/es/download/
Esta instalación contiene el gestor de paquetes “npm”. 
Version: v14.16.0

**5. Instalación de la librería React**
- En una ventana del símbolo del sistema, ubicar la carpeta del proyecto 
	> Softwares/HubWeb/frontedReact.
- Escriba el siguiente comando para instalar las dependencias:
	> npm i
- En el caso que se muestre un error al installar las librerias, intente con el siguiente comando:
    > npm i --legacy-peer-deps

## II. Iniciar servidor
-	En una ventana del símbolo del sistema, ubicar la carpeta del proyecto 
	> Softwares/HubWeb.
-	Copiar: Copiar el archivo db.sqlite3
- Ejecutar:
    > python manage.py makemigrations frontendReact
	> python manage.py migrate
	> python manage.py runserver
- En otra ventana del símbolo del sistema ubicar la carpeta “Softwares/HubWeb/frontendReact“ y ejecutar:
	> npm run dev
	> corshaders
	> pillow

## III. Inicio del sistema
- Para cambiar la ruta de la API, configurar la variable de entorno del proyecto, dentro del archivo ".env", que esta ubicado en la carpeta "Softwares/HubWeb/frontendReact".

Para el inicio del sistema es necesario lo siguiente:

-	Abrir un navegador web, por ejemplo Google Chrome.
-	En la barra de direcciones de Google Chrome, colocar:
    >  127.0.0.1:8000

-	En el formulario del login, completar los siguientes:
    >	Usuario: user@mail.com
	>	Contraseña: pass
	


