Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kenkyoo/movies-gallery
Una aplicación web que te permite buscar películas y explorar galerías de imágenes relacionadas utilizando la API de TMDB.
https://github.com/kenkyoo/movies-gallery
bootstrap gallery-images html javascript lightbox lightbox-gallery movie-web-app tmdb-api
Last synced: 20 days ago
JSON representation
Una aplicación web que te permite buscar películas y explorar galerías de imágenes relacionadas utilizando la API de TMDB.
- Host: GitHub
- URL: https://github.com/kenkyoo/movies-gallery
- Owner: Kenkyoo
- Created: 2024-12-03T09:50:50.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-03T10:06:36.000Z (about 1 month ago)
- Last Synced: 2024-12-14T03:14:15.837Z (20 days ago)
- Topics: bootstrap, gallery-images, html, javascript, lightbox, lightbox-gallery, movie-web-app, tmdb-api
- Language: JavaScript
- Homepage: https://kenkyoo.github.io/movies-gallery/
- Size: 465 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Images Gallery 🎬
Una aplicación web que te permite buscar películas y explorar galerías de imágenes relacionadas utilizando la API de TMDB.
## Características ✨
- **Búsqueda de películas**: Encuentra películas rápidamente ingresando el título en el buscador.
- **Detalles de películas**: Visualiza información clave, como título, fecha de lanzamiento y puntuación promedio.
- **Galería de imágenes**: Explora imágenes de alta calidad de las películas seleccionadas.
- **Interfaz amigable**: Diseño responsivo y moderno utilizando Bootstrap.## Tecnologías utilizadas 🛠️
- **HTML5** y **CSS3**: Estructura y estilos básicos.
- **JavaScript**: Lógica y manipulación dinámica del DOM.
- **Bootstrap**: Framework CSS para un diseño rápido y responsivo.
- **TMDB API**: Fuente de datos para información y recursos multimedia de películas.
- **Lightbox2**: Plugin para mostrar imágenes en un visor interactivo.## Configuración inicial 🚀
### Prerrequisitos
- Navegador web moderno.
- Clave de API de TMDB válida.### Instalación
1. Clona este repositorio:
```bash
git clone https://github.com/usuario/movie-gallery.git
cd movie-galleryAsegúrate de tener tu clave de API de TMDB y reemplázala en el archivo app.js:
Authorization: 'Bearer TU_CLAVE_DE_API',
Abre index.html en tu navegador.
Uso 📖
Ingresa un título de película en el cuadro de búsqueda.
Haz clic en el botón Buscar.
Explora la lista de resultados y selecciona una película.
Visualiza una galería de imágenes relacionadas con la película seleccionada.Recursos adicionales 📚
Documentación de TMDB API
Bootstrap
Lightbox2Contribuciones 🤝
Las contribuciones son bienvenidas. Si encuentras errores o tienes ideas para mejorar, abre un issue o envía un pull request.
Licencia 📄Este proyecto está licenciado bajo la MIT License.