{"id":23679405,"url":"https://github.com/kenkyoo/travelling","last_synced_at":"2026-04-27T11:31:16.766Z","repository":{"id":265420044,"uuid":"895956748","full_name":"Kenkyoo/travelling","owner":"Kenkyoo","description":"Travelling es una aplicación web diseñada para usuarios interesados en explorar opciones de viajes, con características avanzadas. La app utiliza tecnologías modernas para brindar una experiencia fluida y atractiva.","archived":false,"fork":false,"pushed_at":"2024-11-29T09:06:56.000Z","size":6197,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-21T17:36:19.476Z","etag":null,"topics":["css","html-css-javascript","javascript","mdbootstrap","travel","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://kenkyoo.github.io/travelling/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kenkyoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-29T09:02:29.000Z","updated_at":"2024-11-29T09:08:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"c47deccd-13f0-4203-8a6a-639d0630a0e3","html_url":"https://github.com/Kenkyoo/travelling","commit_stats":null,"previous_names":["kenkyoo/travelling"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Kenkyoo/travelling","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Ftravelling","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Ftravelling/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Ftravelling/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Ftravelling/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kenkyoo","download_url":"https://codeload.github.com/Kenkyoo/travelling/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Ftravelling/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32335295,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html-css-javascript","javascript","mdbootstrap","travel","vanilla-javascript"],"created_at":"2024-12-29T17:34:54.273Z","updated_at":"2026-04-27T11:31:16.747Z","avatar_url":"https://github.com/Kenkyoo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Travelling 🌍\n\nTravelling es una aplicación web diseñada para usuarios interesados en explorar opciones de viajes, con características avanzadas que incluyen filtrado por destinos, visualización de detalles en modales, cambio de temas y más. La app utiliza tecnologías modernas para brindar una experiencia fluida y atractiva.\n\n\nTecnologías utilizadas\n\n    HTML5, CSS3, JavaScript: Estructura, estilo y funcionalidad.\n    MDB UI Kit: Para componentes preconstruidos y temas.\n    Font Awesome: Íconos y elementos gráficos.\n    Google Fonts: Tipografía personalizable.\n    Animate.css: Animaciones para interacciones dinámicas.\n    Google Charts: Visualización de datos (preparado para implementar).\n\nFuncionalidades principales\n1. Cambio de tema (light/dark)\n\n    Cambio manual mediante un interruptor en la UI.\n    Tecla rápida: Shift + D alterna entre los modos claro y oscuro.\n    Sincronización con las preferencias del sistema operativo.\n\n2. Barra de navegación dinámica\n\n    Cambio de opacidad al hacer scroll.\n    Apariencia animada para mejorar la experiencia del usuario.\n\n3. Formulario de búsqueda animado\n\n    Resaltado al enfocarse en el campo.\n    Se desactiva automáticamente al hacer clic fuera del formulario.\n\n4. Sidebar interactivo\n\n    Botón para abrir/cerrar un menú lateral.\n    Ajusta la clase del cuerpo para adaptarse a la visibilidad del menú.\n\n5. Sección de viajes\n\n    Más de 20 destinos turísticos detallados:\n        Imagen destacada.\n        Descripción del lugar.\n        Precio estimado.\n        Filtros por continente y tipo de destino (ciudad, histórico, etc.).\n    Visualización dinámica mediante tarjetas con animaciones.\n\n6. Filtros avanzados\n\n    Filtrado en tiempo real por continente o tipo de destino.\n    Opción de mostrar todos los destinos o solo los que cumplan el criterio seleccionado.\n\n7. Modales con información detallada\n\n    Al hacer clic en una tarjeta, se abre un modal:\n        Imagen ampliada.\n        Descripción completa del destino.\n        Título destacado.\n    Uso de la biblioteca de modales de MDB.\n\n8. Selección desde dropdown\n\n    Menú desplegable para seleccionar destinos rápidamente.\n    Sincronizado con la lista de destinos disponibles.\n\nNotificación de Snackbar en Envío de Formulario\n\n    Descripción: Al hacer clic en el botón de enviar del formulario, se muestra una notificación tipo snackbar que aparece desde la parte inferior de la pantalla y desaparece después de un breve intervalo.\n    Comportamiento:\n        Se agrega la clase show para mostrar el snackbar.\n        Se anima con animate__fadeInUp al aparecer y animate__fadeOutDown al desaparecer.\n\n2. Carrusel de Testimonios\n\n    Descripción: Muestra una serie de testimonios de usuarios sobre su experiencia con los servicios de la empresa.\n    Comportamiento:\n        Los testimonios se muestran con una animación de entrada (animate__fadeIn).\n        Se permite navegar entre los testimonios mediante los botones \"Next\" y \"Prev\".\n        Los testimonios tienen un sistema de puntuación con estrellas, las cuales se resaltan según la calificación.\n\n3. Filtro de Búsqueda\n\n    Descripción: Permite filtrar las tarjetas de elementos (como destinos de viaje) mediante un campo de búsqueda.\n    Comportamiento:\n        El filtro se activa cuando el usuario interactúa con el campo de búsqueda.\n        Los elementos se muestran u ocultan dinámicamente según si el texto del filtro coincide con las clases de las tarjetas.\n\n4. Galería de Imágenes\n\n    Descripción: Muestra una galería de imágenes de destinos turísticos.\n    Comportamiento:\n        Al hacer clic en cualquier imagen, se abre un modal que muestra la imagen en un tamaño más grande.\n        Las imágenes se cargan dinámicamente desde un array.\n\n5. Destino Aleatorio\n\n    Descripción: Muestra un destino de viaje aleatorio en una tarjeta.\n    Comportamiento:\n        Al hacer clic en el botón \"Random\", el destino cambia a otro aleatorio de la lista de viajes.\n        Cada destino tiene su imagen, nombre y precio.\n\n6. Formulario de Suscripción Emergente\n\n    Descripción: Aparece un formulario de suscripción después de 10 segundos desde que se carga la página.\n    Comportamiento:\n        El formulario de suscripción se muestra con un efecto show después de 10 segundos.\n        El formulario se puede cerrar haciendo clic en el botón de cerrar.\n\n7. Gráfico de Pastel con Google Charts\n\n    Descripción: Muestra un gráfico de pastel interactivo con los destinos más buscados por los usuarios.\n    Comportamiento:\n        Los datos de destinos más buscados se cargan en el gráfico y se visualizan con un estilo 3D.\n        Se personaliza el estilo del gráfico, como el color, la posición de la leyenda y el título.\n\n8. Preguntas Frecuentes (FAQ)\n\n    Descripción: Se presenta una lista de preguntas frecuentes en formato acordeón.\n    Comportamiento:\n        Al hacer clic en cada pregunta, se expande la respuesta.\n        Las preguntas y respuestas se cargan dinámicamente desde un array.\n\n9. Contadores de Datos de Usuario\n\n    Descripción: Muestra contadores dinámicos de estadísticas, como usuarios registrados, clientes activos y viajes realizados.\n    Comportamiento:\n        Los valores de los contadores aumentan cada 7 segundos, simulando una actualización en tiempo real.\n\n10. Sección de Valoración de Usuarios\n\n    Descripción: Permite a los usuarios dejar su puntuación mediante un sistema de estrellas.\n    Comportamiento:\n        La puntuación promedio se calcula y se actualiza en tiempo real.\n        La puntuación de cada usuario se agrega al total de valoraciones y se refleja en el gráfico de barras con la distribución de puntuaciones.\n\nContribuciones\n\nEste proyecto es abierto a contribuciones. Por favor, sigue el flujo estándar de pull requests y asegúrate de que tu código pase las pruebas de calidad.\n\n¿Quieres colaborar? ¡Estamos felices de trabajar contigo! 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Ftravelling","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkenkyoo%2Ftravelling","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Ftravelling/lists"}