Un itinerario que se escribe con huellas y con código
Su proyecto, ‘Itinerari de dones a Lloret de Mar’, es mucho más que un recorrido turístico. La propuesta consiste en una aplicación web interactiva que ofrece un itinerario por 13 localizaciones vinculadas a mujeres relevantes en la historia y cultura del municipio. No hablamos de una simple lista estática, sino de una herramienta diseñada para “revalorizar el patrimonio local desde una perspectiva feminista e inclusiva”.
El proyecto propone homenajear a figuras destacadas en la cultura y el imaginario popular, pero también a esas protagonistas anónimas de acontecimientos cotidianos. La herramienta está ideada para convertirse en una base escalable para que la comunidad pueda seguir alimentando este archivo vivo en el futuro. Es aquí donde el código demuestra su capacidad para conectar generaciones.
La arquitectura de un mapa que late con vida propia
Al abrir la aplicación, el mar de fondo y una tipografía elegante dan la bienvenida. Pero el verdadero protagonista aparece al hacer clic en “Inicia la ruta!”. Un mapa interactivo dibuja una línea púrpura sobre el plano, como si trazara el hilo invisible que une a todas esas mujeres.
Estructura escalable con JSON
La gestión de los datos se realizó mediante un archivo JSON, lo que permite que una sola plantilla dinámica rellene la información de los 13 puntos de interés de forma automática. Esta metodología de Desarrollo FrontEnd profesional asegura que la aplicación sea fácil de mantener y actualizar sin tocar la estructura lógica del código.
Geolocalización y tiempos reales
Uno de los puntos más innovadores es la integración de la API de OSRM junto a la librería Leaflet. La aplicación no solo muestra dónde está el monumento, sino que calcula dinámicamente el tiempo que el usuario tardará en llegar a pie desde su ubicación exacta. Esta funcionalidad convierte al dispositivo móvil en una brújula histórica personalizada.
Navegación reactiva y filtros
El usuario puede filtrar los puntos de interés por categorías: espacios naturales, accesibilidad o gratuidad. Al aplicar un filtro, la ruta que une los marcadores en el mapa se regenera instantáneamente gracias a la lógica implementada en JavaScript y la librería Leaflet Routing Machine.
El desafío de la interfaz móvil
El diseño se realizó bajo una aproximación Mobile-First, priorizando el uso del dispositivo mientras el visitante camina por las calles de Lloret. El lenguaje visual utiliza una paleta de morados para reforzar la temática femenina, combinada con un verde Mindaro para generar focos de atención en botones y acciones clave.
El mayor reto de diseño y programación ha sido la programación responsive de las fichas, un círculo flotante que contiene la biografía de las mujeres y que debía adaptarse con precisión quirúrgica a todas las resoluciones de pantalla. Este elemento no solo es estético, sino que cumple con criterios de accesibilidad AA, asegurando que el contenido sea legible bajo la luz directa del sol mediterráneo. Cada interacción, como el resaltado de tarjetas al seleccionar un marcador, fue diseñada para que la navegación fuera intuitiva y gratificante.
La honestidad tras el código
Lo que dota a este análisis de una profundidad especial es la transparencia de su autora sobre el proceso de aprendizaje. Nim, ingeniera de diseño de formación, documenta con honestidad cómo la lógica de JavaScript supuso un abismo mayor que la maquetación visual. En su memoria, describe la Inteligencia Artificial no como un sustituto del intelecto, sino como un mentor para tareas pesadas y repetitivas, subrayando siempre que el código generado debe ser revisado con una mirada crítica para no caer en generalidades.
El resultado final es un prototipo que ya mira hacia el futuro. Aunque la memoria reconoce áreas de mejora —como la optimización de los algoritmos de tiempo o la migración total a una Single Page Application (SPA)—, el proyecto cumple con creces su promesa inicial: ofrecer una herramienta digital gratuita que devuelve el sentido de pertenencia a una población afectada por la explotación turística.
Si quieres echarle un vistazo al prototipo, puedes hacerlo a través de este enlace.
