Skip to content

Proyecto desarrolado como parte del programa Alura Latam ONE usa Java, Spring, PostgreSQL, JavaScript, HTML y CSS. Obtiene datos de animes de la API de OMDB y los muestra en el navegador con sinopsis y episodios.

Notifications You must be signed in to change notification settings

IsaacCuautle/Screenmatch-animes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenmatch Animes

Este proyecto forma parte del curso de Alura Latam ONE (Oracle Next Education). Fue desarrollado utilizando Java, el framework Spring, y PostgreSQL para el lado del servidor. La aplicación obtiene datos de animes conectándose a la API de OMDB, los cuales son posteriormente guardados en la base de datos PostgreSQL y mostrados en el navegador.

Para el front-end se utilizó JavaScript, HTML y CSS. Esta aplicación web emula una plataforma para ver animes.

Imagenes del proyecto

¿Cómo Funciona?

  • Obtención de Datos:
    La aplicación utiliza la dependencia org.springframework.boot:spring-boot-starter-web para crear un servidor web que obtiene datos de la API de OMDB y los almacena en una base de datos PostgreSQL mediante org.springframework.boot:spring-boot-starter-data-jpa.

  • Interfaz de Usuario:
    Se emplean tecnologías como HTML, CSS y JavaScript para construir una interfaz de usuario interactiva en el navegador.

  • Visualización de Información:
    Al hacer clic en un póster de anime, se muestra una ventana emergente con sinopsis y episodios disponibles, que pueden filtrarse por temporada.

Dependencias Utilizadas

  • org.postgresql
  • org.springframework.boot
  • spring-boot-devtools
  • spring-boot-starter-web
  • spring-boot-starter-data-jpa

¿Cómo usar el proyecto?

  1. Clone o descargue el proyecto desde este enlace.
  2. Abra la carpeta del proyecto en IntelliJ y configure los archivos .env y application.properties.
  3. Ejecute la clase ScreenmatchApplication.java en IntelliJ.
  4. En Visual Studio Code, vaya al directorio screenmatch-front-end y utilice la extensión Live Server para ejecutar el archivo index.html.

Nota:

  • Asegúrese de tener PostgreSQL instalado, ya que la base de datos se generará al ejecutar la aplicación en IntelliJ.
  • Descomente la implementación de CommandLineRunner en la clase ScreenmatchApplication para acceder a los métodos necesarios para poblar la base de datos o ajustar las preferencias del contenido de la aplicación.

Tecnologias utilizadas

Java Spring Postgres JavaScript HTML5 CSS3 IntelliJ IDEA Visual Studio Code Postman Git Apache Maven

About

Proyecto desarrolado como parte del programa Alura Latam ONE usa Java, Spring, PostgreSQL, JavaScript, HTML y CSS. Obtiene datos de animes de la API de OMDB y los muestra en el navegador con sinopsis y episodios.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published