Durango cerca de ti

Inspiration

La inspiración de Durango.cerca.de.ti nace de la necesidad de digitalizar y dar visibilidad a los pequeños comercios locales de Durango, Dgo. En muchas ocasiones, las microempresas y los negocios de barrio quedan invisibilizados en las grandes plataformas digitales debido a la complejidad técnica o a las barreras generacionales de sus dueños. Quisimos crear una herramienta que redujera a cero la fricción tecnológica, conectando de forma inteligente a los ciudadanos con la economía de su entorno inmediato.

What it does

Es una vitrina digital móvil-primero que funciona en dos vías:

Para el Ciudadano: Permite descubrir comercios locales mediante un mapa interactivo que diferencia los negocios registrados en la plataforma de los establecimientos generales de Google Maps. Además, incluye un chatbot inteligente flotante potenciado por IA al que se le puede preguntar en lenguaje natural dónde comprar ciertos productos, recibiendo recomendaciones basadas en su ubicación GPS y el inventario real de la base de datos.

Para el Comerciante: Permite registrar y gestionar su ficha de negocio en segundos. Pensando en la inclusión digital, el acceso es sin contraseñas (vía Google OAuth 2.0) y ofrece un formulario simplificado con mapa interactivo arrastrable para ubicar el local, horarios en formato libre y carga directa de imágenes.

How we built it

El proyecto se construyó en un sprint de 12 horas utilizando un stack moderno, robusto y eficiente:Frontend: Desarrollado con React 18 y Vite para una velocidad de carga óptima. El diseño de la interfaz se realizó con Tailwind CSS v3, implementando una UX adaptada para adultos mayores. Se integró la API de Google Maps para el mapeo interactivo.Backend: Una API REST construida sobre Node.js y Express 5, utilizando Knex.js para gestionar las migraciones y la carga de datos iniciales (seeds) en una base de datos relacional PostgreSQL. La subida de imágenes se gestiona localmente con Multer.Inteligencia Artificial: Se utilizó Google Gemini 2.5 Flash. El backend actúa como proxy, recopilando la ubicación del usuario y los comercios de la base de datos para armar un prompt contextualizado que alimenta al modelo, permitiéndole dar respuestas hiper-locales y personalizadas.

Challenges we ran into

El factor tiempo (12 horas): Diseñar, maquetar, conectar la base de datos y consumir múltiples APIs en medio día requirió una priorización estricta de funcionalidades.

Optimización de costos y cuotas de la API: Para la demo del hackathon, existía el riesgo de agotar la cuota de la API de Gemini con las consultas del chatbot. Lo resolvimos implementando un sistema de caching en el backend para almacenar temporalmente las respuestas frecuentes.

La curva de adopción digital: Diseñar un formulario que fuera fácil de usar para comerciantes que no están familiarizados con la tecnología (UX para usuarios 50+), forzándonos a eliminar tecnicismos y a reducir los flujos a un máximo de 3 toques por acción.

Accomplishments that we're proud of

Uso efectivo de la API de Gemini: Logramos estructurar un "mega-prompt" dinámico en el backend que combina datos geoespaciales (GPS) y relacionales (PostgreSQL) para que la IA responda con un contexto real del entorno del usuario.

Inclusión Digital desde el diseño: Haber creado una plataforma con accesibilidad WCAG AA y con identidad visual propia del Gobierno de Durango (escala de grises y azul marino), demostrando que la tecnología avanzada puede ser amigable para todos.

What we learned

Diseño centrado en el usuario real: Confirmamos que eliminar las contraseñas e implementar Google Login con un solo toque reduce drásticamente el abandono en el registro de usuarios no técnicos.

Eficiencia en el desarrollo ágil: Aprendimos a sacarle el máximo provecho a Gemini 2.5 Flash como un motor de búsqueda contextual rápido, económico y capaz de procesar lenguaje natural sin necesidad de entrenar un modelo desde cero.

What's next for Durango cerca de ti

Migración de almacenamiento: Mover el almacenamiento local de imágenes de Multer hacia un servicio en la nube (como Google Cloud Storage o AWS S3) para producción.

Analíticas para el comerciante: Crear un panel simple para que los dueños de los negocios vean cuántas personas interactuaron con su ficha o cuántas veces la IA los recomendó.

Built With

• google
• google-gemini-2.5-flash
• google-maps/places-apis
• knex.js
• oauth
• postgresql