/MyAnime

MyAnime es una app de Entretenimiento/Informativa para estar al tanto de las ultimas películas o animes estrenados con trailers, sinopsis, fecha, episodios duración ...etc, además la app incorpora un apartado 'Shorts' el cuál permite buscar videos hechos por usuarios de "Pexels" ....

Primary LanguageJavaScript

MyAnime

MyAnime es una app de Entretenimiento/Informativa para estar al tanto de las ultimas películas o animes estrenados con trailers, sinopsis, fecha, episodios duración ...etc, además la app incorpora un apartado 'Shorts' el cuál permite buscar videos hechos por usuarios de "Pexels" mediante palabras clave

Contenido

1.App

2.Framework e APIs usadas

3.Funciones

4.Instalación

5.Notas

App

Modo Oscuro

Modo Claro

Framework e APIs usadas

  • React Native
  • Kitsu API
  • IMDb-API
  • Pexels API

    • Funciones

  • Muestra información de Anime / Peliculas (Trailer - Imagenes - Episodios - Descripción - ...)
  • Permite filtrado con buscador por nombre tanto para la pantalla de "Anime" como "Film"
  • Permite filtrado por categoría *Solo pantalla Anime*

    • Instalación

    Pasos:

    Clonar Repositorio

    git clone https://github.com/AcoranGonzalezMoray/MyAnime.git

    Instalar dependencias del proyecto

    npm install (--legacy-peer-deps solo si npm ERR!)

    Editar enlaces API añadiendo tu clave

    Ruta 'MyAnime/Components/Screen/DetailScreen/DetailsFilm.js'
     `https://imdb-api.com/en/API/YouTubeTrailer/YOURKEY/${items.id}`
    Ruta 'MyAnime/Components/Screen/Film Screen/AppFilm.js'
     `https://imdb-api.com/en/API/YouTubeTrailer/YOURKEY/${tmp}`
 `https://imdb-api.com/en/API/MostPopularMovies/YOURKEY`
 `https://imdb-api.com/en/API/Top250Movies/YOURKEY`
    Ruta 'MyAnime/Components/Screen/Film Screen/SearchFilm.js'
      `https://imdb-api.com/en/API/SearchMovie/YOURKEY/${searchQuery}`
    Ruta 'MyAnime/Components/Screen/Shorts Screen/Shorts.js'
     `https://api.pexels.com/videos/search?query=${query}&page=${pageRecent}&per_page=6&orientation=portrait`,
 { headers: new Headers({'Authorization': 'YOURKEY'})}

    Ejecutar Aplicación

    Android:
    npx react-native run-android
    Ios:
    npx react-native run-ios

    Notas

  • Recomiendo encarecidamente compilar y ejecutar este proyecto con Java JDK 17, para evitar incompatibilidades con los distintos paquetes instalados con npm
  • En futuros proyectos si al ejecutar en debug encuentras BUG! exception in phase 'semantic analysis' entonces:
    • El problema es que usa una version Java x y Gradle x.x Pero Gradle x.x no es compatible con Java x.

    Necesitaba actualizar el graddle. Simplemente se cambia gradle/wrapper/gradle-wrapper.propertiesen esta línea (encontrando el gradel compatible):

    distributionUrl=https\://services.gradle.org/distributions/gradle-7.0-bin.zip