Una aplicación web interactiva para visualizar y analizar conflictos socioambientales, utilizando datos abiertos y colaborativos directamente desde Wikidata.
Visita la aplicación en vivo: https://geo-conflictos.toolforge.org/
GeoConflictos es una aplicación web que permite explorar y analizar los conflictos socioambientales representados en Wikidata, ofreciendo una mirada geográfica y estadística sobre su distribución, características y estado actual. El proyecto busca facilitar el acceso a información confiable y abierta sobre tensiones territoriales y ambientales, apoyando a investigadores, periodistas, estudiantes y organizaciones sociales en la comprensión de los conflictos que afectan a distintas comunidades del mundo.
La arquitectura del proyecto, con un backend en Node.js/Express sirviendo un frontend en Vue.js 3, asegura un rendimiento robusto y una experiencia de usuario fluida y completamente responsiva.
- 🗺️ Mapa Interactivo: Visualización de conflictos con coordenadas en un mapa mundial, potenciado por Leaflet.js.
- 🔗 Datos Abiertos y en Vivo: La información se obtiene en tiempo real a través de consultas SPARQL a Wikidata, asegurando datos siempre actualizados.
- 📊 Panel de Estadísticas Dinámico: Resumen visual con el total de conflictos, desglose por estado (Activo, Latente, Resuelto) y distribución por sector.
- 📄 Panel de Detalles por Conflicto: Al seleccionar un conflicto, se despliega información detallada con descripción, región, fecha de inicio y enlaces directos a las fuentes de Wikimedia.
- 🔍 Filtros Avanzados: Un panel intuitivo que permite acotar la búsqueda por país, nombre, sector, estado y más.
- 📱 Diseño Responsivo: La interfaz se adapta perfectamente a cualquier tamaño de pantalla, desde computadores de escritorio hasta dispositivos móviles.
- 🎓 Tutorial Interactivo: Una guía de bienvenida que introduce a los nuevos usuarios a todas las funcionalidades de la plataforma.
- 🌐 Soporte Multilingüe: Interfaz completamente traducida a 7 idiomas.
- 🎨 Tema Claro y Oscuro: Permite al usuario cambiar entre un tema claro y uno oscuro para mayor comodidad visual.
Este proyecto fue posible gracias a las siguientes tecnologías:
Backend:
Frontend:
- Vue.js 3 (con Composition API)
- Leaflet.js
- Font Awesome
- Wikidata SPARQL Query Service
- HTML5 y CSS3
Para ejecutar este proyecto en tu propia máquina, sigue estos pasos:
-
Prerrequisitos: Asegúrate de tener Node.js instalado (incluye npm).
-
Clona el repositorio:
git clone [https://github.com/jordylizana-ship-it/Geo-Conflictos.git](https://github.com/jordylizana-ship-it/Geo-Conflictos.git)
-
Navega a la carpeta del proyecto:
cd Geo-Conflictos -
Instala las dependencias:
npm install
-
Inicia el servidor:
npm start
¡Listo! La aplicación estará corriendo en
http://localhost:3000.
Distribuido bajo la Licencia MIT. Ver LICENSE para más información.
Jordy Lizana - jordylizana-ship-it
Carla Toro - Soylacarli
Con el apoyo de Wikimedia Chile