Initial commit

hotosm · Nov 14, 2024 · d16ee4e · d16ee4e
commit d16ee4e
Show file tree

Hide file tree

Showing 39 changed files with 4,563 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -0,0 +1,28 @@
+# ChatMap
+
+Export a chat from the app and visualize the locations shared in the conversation.
+
+It was developed to help emergency services and humanitarian organizations to get
+locations from people in the field during disasters and emergencies, but it can
+be used for anything else.
+
+[Try it here!](https://hotosm.github.io/chatmap/)
+
+<img width="1114" alt="Screenshot 2024-11-14 at 09 06 37" src="https://github.com/user-attachments/assets/8f49c66d-4b98-4bc5-8028-1c897ef34880">
+
+## How to use it?
+
+Check [docs](https://github.com/hotosm/chatmap/tree/master/docs)
+
+## Install and run
+
+```bash
+npm install
+npm start
+```
+
+## Licensing
+
+Copyright 2024 Emilio Mariscal
+
+This is free software! you may use this project under the terms of the GNU General Public License (GPL) Version 3.
diff --git a/docs/README.es.md b/docs/README.es.md
@@ -0,0 +1,17 @@
+# ChatMap
+
+Exporta un chat desde la aplicación y visualiza las ubicaciones compartidas en la conversación
+
+Fue desarrollado para ayudar a los servicios de emergencia y organizaciones humanitarias para obtener
+localizaciones de personas en campo durante desastres y emergencias, pero puede usarse para
+cualquier otra cosa.
+
+[Pruéalo aquí!](https://hotosm.github.io/chatmap/)
+
+## Cómo se usa?
+
+1. Exporta un chat de WhatsApp chat con localizaciones compartidas
+2. Sube el archivo .zip a esta página
+3. Extraerá todas las localizaciones y las mostrará en un mapa, junto con el mensaje que le sigue a cada ubicación
+4. Puedes también descargar las localizaciones + mensajes como un archivo GeoJSON
+
diff --git a/docs/README.md b/docs/README.md
@@ -0,0 +1,20 @@
+# ChatMap
+
+Export a chat from the app and visualize the locations shared in the conversation.
+
+It was developed to help emergency services and humanitarian organizations to get
+locations from people in the field during disasters and emergencies, but it can
+be used for anything else.
+
+[Try it here!](https://hotosm.github.io/chatmap/)
+
+## How to use it?
+
+1. Export a WhatsApp chat with shared locations
+2. Upload the .zip file to this page
+3. It will extract all the locations and display them on a map, together with the message that follows each location.
+4. You can also download the locations + messages as a GeoJSON file from there
+
+## More docs
+
+* [Spanish](https://github.com/hotosm/wchatmap/blob/master/docs/README.es.md)
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>HOT WhatsApp ChatMap</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.jsx"></script>
+
+  <!-- During development, Vite injects the script automatically -->
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "chatmap",
+  "version": "0.2.0",
+  "private": true,
+  "homepage": "https://hotosm.github.io/chatmap",
+  "author": "Emilio Mariscal <[email protected]>",
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@vitejs/plugin-react": "^4.3.3",
+    "jszip": "^3.10.1",
+    "maplibre-gl": "^4.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-drag-drop-files": "^2.3.10",
+    "react-intl": "^6.8.7",
+    "react-modal": "^3.16.1",
+    "turf-extent": "^1.0.4",
+    "vite": "^5.4.11",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "gh-pages": "^6.1.1"
+  }
+}
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/fonts/Archivo-VariableFont.ttf b/public/fonts/Archivo-VariableFont.ttf
diff --git a/public/img/config-after.png b/public/img/config-after.png
diff --git a/public/img/config-before.png b/public/img/config-before.png
diff --git a/public/img/config-closest.png b/public/img/config-closest.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "short_name": "ChatMap",
+  "name": "Export a chat from the app and visualize the locations shared in the conversation",
+  "icons": [
+    {
+      "src": "fabicon-16x16.png",
+      "type": "image/png",
+      "sizes": "16x16"
+    },
+    {
+      "src": "fabicon-32x32.png",
+      "type": "image/png",
+      "sizes": "32x32"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: