[](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.
> 
- Para clonar el repositorio usando HTTPS, en ”Clonar con HTTPS", hacer clic en el icono que se muestra:
> 
- 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: [e-mail]
> Contraseña: pass