Reportes Reconquista - Sistema de Participación Ciudadana & Geolocalización

🚀 Descripción Técnica

Plataforma Full Stack orientada a la seguridad comunitaria y reportes urbanos en tiempo real para la ciudad de Reconquista, Santa Fe. El proyecto destaca por su capacidad de procesamiento geográfico y una infraestructura autogestionada que garantiza total control sobre el entorno de ejecución.

🛠️ Stack Tecnológico

Arquitectura del Sistema:

• Framework: Next.js (App Router) utilizando un modelo híbrido de Server-Side Rendering (SSR) para la indexación de reportes y Client-Side Rendering (CSR) para la interactividad del mapa.
• Frontend: React con Tailwind CSS para una interfaz Mobile-First optimizada.
• Geolocalización: Integración de Leaflet.js y OpenStreetMap para la captura de coordenadas (Lat/Lng) mediante eventos en el DOM del mapa.
• Backend & API: Arquitectura RESTful desarrollada sobre Node.js y Express, encargada de la persistencia de datos y la lógica de segmentación temporal de alertas.

Infraestructura & DevOps (Self-Hosted):

• Servidor: Despliegue en VPS propio (Linux), gestionando el ciclo de vida de la aplicación de forma independiente.
• Proxy Inverso: Configuración de Nginx para la gestión de tráfico, terminación SSL y optimización de cabeceras de seguridad.
• Process Management: Uso de PM2 para el monitoreo de procesos, reinicio automático y balanceo de carga interno.
• Almacenamiento: Gestión de assets multimedia y persistencia de estados de reportes mediante base de datos relacional.

🧩 Desafíos Técnicos Resueltos

1. Interactividad Geográfica: Implementación de un sistema "Touch-to-Pin" que traduce interacciones táctiles en el mapa en coordenadas precisas para la creación de reportes sin intervención manual de dirección.
2. Optimización de Carga: Estrategia de hidratación selectiva en Next.js para asegurar que el mapa pesado no bloquee el First Contentful Paint (FCP) de la lista de reportes.
3. Gestión de Infraestructura: Configuración completa del stack en servidor virgen, incluyendo políticas de firewall, seguridad SSH y despliegue continuo manual/semi-automático.

---

🔗 Enlaces: - Producción: reportesreconquista.com