Trent's Flicks

Trent's Flicks es una aplicación web desarrollada con JavaScript que te permite descubrir y explorar películas. Utiliza la API de The Movie Database (TMDb) para obtener información sobre las películas. Puedes ver las películas más populares, buscar películas específicas, filtrar por categorías y guardar tus películas favoritas.

Características principales

• Películas en tendencia: Explora las películas más populares del momento.
• Búsqueda de películas: Busca cualquier película que desees utilizando el campo de búsqueda.
• Filtrado por categorías: Explora películas por categorías como acción, comedia, drama, etc.
• Películas favoritas: Guarda tus películas favoritas haciendo clic en el botón de corazón.
• Detalles de la película: Al hacer clic en una película, podrás ver detalles como el póster, la sinopsis y películas relacionadas.

Vistas de la aplicación

Página principal

• Tendencias: Muestra las películas más populares del momento.
• Categorías: Filtra las películas por categorías como acción, comedia, drama, etc.
• Películas favoritas: Muestra las películas guardadas como favoritas.

Detalles de la película

• Información de la película: Muestra detalles como el título, la sinopsis, el póster, etc.
• Películas relacionadas: Muestra películas relacionadas que podrían interesarte.

Persistencia de datos

La aplicación utiliza localStorage para almacenar tus películas favoritas, por lo que tus selecciones se guardarán incluso si cierras la ventana del navegador.

Rutas con hash

La navegación dentro de la aplicación utiliza rutas con hash para la página de inicio, las categorías, los detalles de la película y las tendencias, lo que facilita la navegación y el uso de la aplicación.

Mejoras pendientes

• Crear versión desktop: Implementar una versión optimizada para pantallas de escritorio.
• Integrar usuarios: Agregar funcionalidades de inicio de sesión para permitir que los usuarios guarden sus películas favoritas de manera personalizada.
• Ocultar la sección de películas favoritas cuando no haya ninguna: Mejorar la experiencia del usuario ocultando la sección de películas favoritas cuando no haya ninguna película guardada.

Tecnologías utilizadas

• JavaScript
• HTML
• CSS
• Axios - Utilizado para consumir la API de The Movie Database (TMDb).

¿Cómo usar?

1. Clona este repositorio o descarga los archivos.
2. Abre index.html en tu navegador web.
3. Explora las películas en tendencia, busca películas específicas, filtra por categorías y guarda tus películas favoritas.

¡Disfruta explorando películas con Trent's Flicks!

Visita la página desplegada

Puedes visitar la aplicación desplegada aquí.