Aplicación que consume la API de Marvel y permite visualizar una lista de superhéroes y los detalles de cada uno.
Antes de comenzar, se debe tener instalados los siguientes programas y se debe contar con una API Key de Marvel:
-
Clonar el repositorio en tu máquina local:
git clone https://github.com/matigaleanodev/marvel-supereoes cd marvel-supereoes
-
Instalar las dependencias del proyecto:
npm install
-
Configurar las variables de entorno. Abrir los siguientes archivos y agrega las propiedades con las keys correspondientes:
-
src/environments/environment.ts y/o src/environments/environment.prod.ts:
export const environment = { production: true, MARVEL_PUBLIC_KEY: "AQUI VA LA KEY PUBLICA DE MARVEL", MARVEL_PRIVATE_KEY: "AQUI VA LA KEY PRIVADA DE MARVEL", MARVEL_API: "https://gateway.marvel.com/v1/public", };
-
-
Ejecutar la app en entorno local:
ionic serve
Para ejecutar la app en un dispositivo Android, sigue estos pasos:
-
Abrir el proyecto con Android Studio:
ionic build ionic cap copy android ionic cap open android
-
En Android Studio, espera a que se sincronicen todos los archivos del proyecto. Una vez sincronizado, selecciona un dispositivo o un emulador y haz clic en Run (el botón verde).
- Pantalla de Listado: Muestra el nombre y la miniatura de los superhéroes de Marvel.
- Pantalla de Detalle: Muestra información detallada de cada superhéroe, incluyendo su nombre, imagen, cantidad de cómics, series y historias.
La app está disponible en inglés y español tomando el idioma del dispositivo.