myPokeAPI Project

Este proyecto utiliza datos de la la pagina PokeAPI.co para crear una solución completa que incluye la extracción, transformación y carga de datos (ETL), el desarrollo de una API RESTful, y una aplicación web para visualizar la información.

Tecnologías utilizadas

• MySQL
• Python con Flask
• SQLAlchemy
• Javascript con Vite + React.js
• TailwindCSS
• Material UI

Configuracion del Backend (Flask)

Estos son los pasos y comandos que debes correr al momento de clonar el proyecto:

Sobre la carpeta /be

• Ejecuta el siguiente comando para acceder al directorio del backend

  cd .\be\

• Crear un virtual Enviorement en la raiz de la ruta con el comando

  python -m venv nombre_del_venv

• Situarse sobre la ruta del Virtual Enviorement con el comando

  .\nombre_del_venv\Scripts\activate

• Instalar las dependencias del proyecto Flask con el comando

  pip install -r .\requirements.txt

• Cree un archivo .env en la raíz del proyecto con la siguiente estructura:

  DB_CONN = "mysql+pymysql://user:password@host:port/mypokeapi"
  # Reemplaza user, password, host y port según tu configuración de MySQL.

De ser necesario, borrar la carpeta migrations (solo si no le corre la migracion bien).

• Ejecuta el siguiente comando para preparar la migracion.

  flask db init

• Ejecuta el siguiente comando para correr la migracion.

  flask db migrate

• Ejecuta el siguiente comando para actualizar los datos migrados.

  flask db upgrade

• Ejecuta el siguiente comando para extraer los datos de la pagina de PokeAPI.co e insertarlos a la base de datos.

  flask seed

• Ejecuta el siguiente comando para iniciar el proyecto Flask.

  py app.py

• Ya se debería tener el Backend ejecutado.

Configuracion del Frontend (Vite + React.js)

Estos son los pasos y comandos que debes correr al momento de clonar el proyecto:

Sobre la carpeta /fe

• Ejecuta el siguiente comando para acceder al directorio del frontend.

  cd .\fe\

• Crear un archivo .env en la raíz del proyecto con la siguiente estructura:

  VITE_BE_URL=your_backend_url_here
  # Reemplaza la URL con la que obtuviste al ejecutar el backend.

• Ejecuta el siguiente comando para instalar todas las dependencias node modules.

  npm i

• Ejecuta el siguiente comando para iniciar el proyecto Vite + React.js.

  npm run dev

• Ya se debería tener el Frontend ejecutado.

Problemas comunes

Si no puedes activar el Enviorement del Python y tienes un error con el ExecutionPolicy

• Debe ejecutar uno de los siguientes comandos en el Powershell:

  # Escoja cualquiera de los siguientes
  Set-ExecutionPolicy Unrestricted -Scope CurrentUser
  Set-ExecutionPolicy Unrestricted -Scope Process

• Luego puede volver a reestablecerlo con el siguiente comando

  set-executionpolicy remotesigned

• Ahora solamente debe de utilizar en la terminal de visual code lo siguiente

  ./activate

ENLACES DE LOS DOCUMENTOS

• Enlace del documento
• Enlace de la presentacion