Durango Local

Inspiration

Durango Local nació para conectar a turistas, habitantes y negocios con la riqueza cultural, gastronómica y comercial de Durango. La inspiración principal fue crear una herramienta que ayudara a descubrir lugares auténticos de la ciudad, apoyar al comercio local y facilitar recorridos más inteligentes para quienes visitan o viven en Durango.

What it does

Durango Local permite explorar restaurantes, cafés, museos, artesanías, espacios naturales y negocios locales. La aplicación incluye un mapa interactivo, rutas recomendadas, lugares guardados, reseñas, calificaciones, marketplace local, registro de negocios y un asistente tipo chat que recomienda lugares o planes según lo que el usuario busca.

También diferencia entre visitantes y usuarios registrados. Los visitantes pueden explorar información básica, mientras que los usuarios con cuenta pueden guardar lugares, crear rutas personalizadas, calificar experiencias y acceder a más funciones.

How we built it

Construimos el proyecto como una aplicación web usando React con Vite. Para la interfaz usamos Material UI, animaciones con Framer Motion e iconografía con lucide-react.

El mapa interactivo fue creado con Leaflet y react-leaflet, usando datos locales de negocios y puntos turísticos de Durango. La navegación se implementó con react-router-dom y la persistencia de datos se manejó con localStorage y sessionStorage para guardar sesión, lugares favoritos, chats recientes y datos de negocios.

Challenges we ran into

Uno de los principales retos fue integrar varias experiencias en una sola aplicación: descubrimiento de lugares, rutas, mapa, marketplace, chat y gestión de negocios. También fue un desafío mantener una experiencia clara para diferentes tipos de usuarios, especialmente separando las funciones disponibles para visitantes y usuarios registrados.

Otro reto importante fue lograr que el mapa, las rutas y los lugares guardados se conectaran correctamente para que el usuario pudiera pasar de descubrir un negocio a verlo en el mapa o agregarlo a una ruta personalizada.

Accomplishments that we're proud of

Estamos orgullosos de haber construido una aplicación con identidad local y una experiencia visual atractiva. Durango Local no solo muestra lugares, sino que propone rutas, permite guardar experiencias y da herramientas a los negocios para promocionarse.

También destacamos la integración del mapa interactivo, las rutas personalizadas, el marketplace con chat simulado y el sistema de roles de usuario. Todo esto crea una plataforma completa que puede beneficiar tanto al turismo como al comercio local.

What we learned

Aprendimos a estructurar una aplicación React con varias secciones conectadas entre sí y a manejar datos locales de manera persistente. También aprendimos a trabajar con mapas interactivos, rutas visuales, estados de usuario y diseño de interfaces enfocadas en una experiencia clara y amigable.

Además, entendimos la importancia de pensar el producto desde distintos perfiles: turistas, habitantes locales, visitantes ocasionales y negocios.

What's next for Durango Local

El siguiente paso para Durango Local sería conectar la aplicación con una base de datos real y autenticación completa. También se podrían agregar rutas generadas con inteligencia artificial, recomendaciones más personalizadas, integración con Google Maps, pagos o reservas, paneles avanzados para negocios y estadísticas reales de visitas.

A futuro, Durango Local podría convertirse en una plataforma oficial para impulsar el turismo, apoyar comercios locales y mejorar la forma en que las personas descubren Durango.

Built With

• css
• framemotion
• javascript
• materialui
• react