ZonaSafe

Qué hace

ZonaSafe es un mapa interactivo de seguridad que corre en el navegador y como PWA instalable. Sin descargar nada, abres la app y ves El Porvenir, el principal distrito productor de calzado del Perú, con las zonas de riesgo coloreadas por nivel (verde seguro, ámbar precaución, rojo peligro), los destinos comerciales marcados y tu posición en tiempo real.

Los polígonos de zonas vienen de Supabase con PostGIS y la detección de si el usuario está dentro de una zona de riesgo usa Turf.js con point-in-polygon sobre el GPS, disparando alertas visuales y de notificación al entrar en un nivel rojo. Las rutas se calculan con OpenRouteService — con fallback a rutas estáticas offline — y los reportes de incidentes se guardan en IndexedDB cuando no hay señal y se sincronizan automáticamente al recuperar conexión.

Está pensado para compradores mayoristas, comerciantes y visitantes que llegan sin conocer el distrito: pueden evitar calles peligrosas, encontrar mercados, fábricas y galerías de calzado, y reportar incidentes para ayudar a los demás.

Funcionalidades

• Zonas de seguridad por nivel — polígonos verde/ámbar/rojo desde PostGIS, pintados por nivel de riesgo
• Detección de zona activa — Turf.js point-in-polygon sobre la posición GPS en tiempo real
• Alertas de proximidad — notificación y banner al entrar en una zona de peligro
• Marcadores de destinos — mercados, fábricas y galerías de calzado con tarjetas informativas
• Buscador con filtro — búsqueda por nombre y filtro por categoría de destino
• Trazado de rutas — OpenRouteService desde tu ubicación hasta el destino, con fallback estático offline
• Reporte de incidentes — registro con GPS o long-press en el mapa, con cola offline en IndexedDB y sync automático
• PWA instalable — next-pwa, funciona como app nativa en Android e iOS
• Modo offline — zonas, destinos y rutas cacheados para funcionar sin señal