https://github.com/kenkyoo/app-places

App Places es una aplicación web interactiva que te permite buscar, organizar y guardar imágenes de lugares que te gustaría visitar. Utilizando la API de Unsplash, puedes explorar imágenes de ciudades y países, arrastrarlas a un tablero personal y guardarlas para verlas más tarde.
https://github.com/kenkyoo/app-places

drag-and-drop dragula fancybox foundation html images javascript jquery parcel unsplash-api

Last synced: 2 months ago
JSON representation

App Places es una aplicación web interactiva que te permite buscar, organizar y guardar imágenes de lugares que te gustaría visitar. Utilizando la API de Unsplash, puedes explorar imágenes de ciudades y países, arrastrarlas a un tablero personal y guardarlas para verlas más tarde.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-places
• Owner: Kenkyoo
• Created: 2024-11-25T10:21:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-25T10:56:02.000Z (over 1 year ago)
• Last Synced: 2025-06-16T15:11:56.610Z (about 1 year ago)
• Topics: drag-and-drop, dragula, fancybox, foundation, html, images, javascript, jquery, parcel, unsplash-api
• Language: JavaScript
• Homepage: https://app-places.vercel.app
• Size: 6.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
App Places

Descripción

"App Places" es una aplicación interactiva que te permite buscar y guardar imágenes de lugares (ciudades, países, etc.) que te gustaría visitar. Puedes arrastrar y soltar las imágenes en un tablero, organizar tus lugares favoritos y guardarlos para visualizarlos más tarde.

Funcionalidades

    Búsqueda de lugares: Puedes buscar imágenes relacionadas con ciudades, países, o destinos turísticos usando la API de Unsplash.

    Interacción Drag & Drop: Las imágenes encontradas se pueden arrastrar y organizar en un tablero.

    Guardar favoritos: Los lugares que seleccionas se pueden guardar para visualizarlos posteriormente.

    Visualización en galería: Las imágenes se pueden ver en un carrusel tipo galería gracias a Fancybox.

    Interfaz amigable: Diseño responsivo que se adapta a diferentes tamaños de pantalla.

Tecnologías Utilizadas

    HTML/CSS: Estructura básica y diseño responsivo utilizando Foundation para el diseño de la interfaz.

    JavaScript: Funcionalidad de búsqueda, drag & drop, y almacenamiento local de los lugares favoritos.

    API de Unsplash: Para obtener imágenes de alta calidad relacionadas con los lugares que buscas.

    Dragula: Para la funcionalidad de arrastrar y soltar las imágenes.

    Fancybox: Para mostrar las imágenes en un formato de galería.

    SweetAlert2: Para mostrar mensajes de éxito o advertencia.

Uso

    Buscar lugares: Ingresa el nombre de una ciudad o país en el campo de búsqueda y haz clic en "Buscar".

    Arrastra imágenes: Las imágenes encontradas se mostrarán en tarjetas. Puedes arrastrarlas al tablero de la derecha.

    Guardar favoritos: Haz clic en el botón "Guardar" para guardar los lugares que hayas organizado en tu tablero. Los lugares se guardan localmente, por lo que podrás verlos al recargar la página.

    Ver detalles: Al hacer clic en una imagen, se abrirá una vista en galería.

Contribuciones

Si quieres contribuir al proyecto, siéntete libre de enviar un pull request.

Licencia

Este proyecto está bajo la licencia MIT.