Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jmatochepascual/buscador-de-imagenes
Buscador de Imágenes
https://github.com/jmatochepascual/buscador-de-imagenes
css3 fetch-api html5 javascript tailwindcss
Last synced: 12 days ago
JSON representation
Buscador de Imágenes
- Host: GitHub
- URL: https://github.com/jmatochepascual/buscador-de-imagenes
- Owner: JmAtochePascual
- Created: 2024-05-19T03:43:22.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T12:23:46.000Z (5 months ago)
- Last Synced: 2024-11-08T02:50:08.394Z (2 months ago)
- Topics: css3, fetch-api, html5, javascript, tailwindcss
- Language: JavaScript
- Homepage: https://jmatochepascual.github.io/Buscador-de-imagenes/
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📷 Buscador de Imágenes
Esta aplicación web te permite buscar y visualizar imágenes utilizando la API de Pixabay. Puedes buscar imágenes por término y navegar entre los resultados paginados.
## 🎯 Contenido
1. 📝[Descripción](#descripción)
2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)
3. 🚀[Estructura del Proyecto](#estructura-del-proyecto)
4. 🧑💻[Uso](#uso)
5. 📌[Instalación](#instalación)
6. 🏗️[Contribución](#contribución)
7. ✨[Licencia](#licencia)
8. 🙈[Imagen de Referencia](#imagen-de-referencia)
9. 🌐[Ver Proyecto en la WEB](#ver-proyecto-en-la-web)
## Descripción
Esta aplicación web te permite buscar y visualizar imágenes utilizando la API de Pixabay. Puedes buscar imágenes por término y navegar entre los resultados paginados.
## Características
- **Búsqueda de Imágenes:** Permite buscar imágenes por término utilizando la API de Pixabay.
- **Visualización de Resultados:** Muestra las imágenes en la interfaz, incluyendo información sobre "me gusta" y "vistas".
- **Detalles de la Imagen:** Proporciona enlaces para ver la imagen en tamaño completo en una nueva pestaña y de alta calidad.
- **Alertas Personalizadas:** Muestra alertas si no se ingresa un término de búsqueda.
- **Paginación:** Permite navegar entre páginas de resultados.
## Tecnologías y Herramientas
- **HTML:** Estructura de la página.
- **CSS:** Estilos de la página.
- **JavaScript:** Lógica de la aplicación, incluyendo manipulación del DOM, validación y consultas a la API.
## Estructura del Proyecto
- **css/**: Carpeta con los estilos.
- **js/**: Carpeta con la lógica del proyecto.
- `app.js`: Archivo principal con la lógica de la aplicación.
- **index.html**: Página principal.
## Uso
1. Clona el repositorio: `git clone [URL del repositorio]`
2. Navega a la carpeta del proyecto: `cd [nombre del proyecto]`
3. Abre el archivo `index.html` en un navegador de tu elección.
## Instalación
No se requiere instalación adicional para utilizar este proyecto.
## Contribución
Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:
1. Haz un fork del repositorio.
2. Crea una nueva rama para tu característica (`git checkout -b mi-nueva-característica`).
3. Compromete tus cambios (`git commit -am 'Añadir alguna característica'`).
4. Empuja la rama (`git push origin mi-nueva-característica`).
5. Abre un pull request.
## Licencia
Este proyecto está bajo la licencia [MIT](https://opensource.org/licenses/MIT).
## Imagen de Referencia
## Ver Proyecto en la WEB
Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/Buscador-de-imagenes/).
Todos los derechos reservados Buscador de Imágenes 2024 ©.