merging from main to geofenecing

.github/workflows/main.yml

@@ -24,7 +24,8 @@ concurrency:
 
 #Allow repo secrets
 env:
-  VITE_HERE_API_KEY: ${{ secrets.VITE_HERE_API_KEY }}
+  VITE_BACKEND_URL: "https://web-production-4659.up.railway.app"
+  VITE_WEATHER_API_KEY: ${{ secrets.VITE_WEATHER_API_KEY }}
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:

.gitignore

@@ -1,11 +1,12 @@
+# Root .gitignore
+
 # dependencies
 /node_modules
 package-lock.json
 
 # production
 /build
-/dist
-dev-dist/
+/dev-dist/
 
 # misc
 .bak

Procfile

@@ -0,0 +1 @@
+web: npm run start

README.md

@@ -0,0 +1,88 @@
+# 🌟 GlowPath
+
+GlowPath is a progressive web application designed to enhance user safety by enabling **real-time location sharing** that can be shared easily via chat, and providing instant alerts to contacts or authorities via an **SOS button**.
+
+---
+
+## 🚀 Key Features:
+- **Real-Time Location Sharing**: Share your live location with a trusted contact list.
+- **SOS Button**: Notify contacts and authorities during emergencies with a personalized emergency button.
+- **Safe Zone Mapping**: View nearby safe zones like police stations and hospitals on an interactive map.
+- **Safety Analytics**: Visualize important safety statistics for better decision-making.
+
+---
+
+## 🛠️ Getting Started:
+GlowPath is live! Visit the live version at https://glowpathorg.github.io/GlowPath/
+
+
+To run GlowPath locally, ensure the following dependencies and accounts are set up:
+1. **Node.js**: [Download and install Node.js](https://nodejs.org).
+2. **MongoDB**: Set up a local or cloud-based MongoDB instance (e.g., [MongoDB Atlas](https://www.mongodb.com/atlas)).
+3. **API Keys**:
+   - [HERE API](https://developer.here.com)
+   - [Weather API](https://www.weatherapi.com/)
+   - [Twilio](https://www.twilio.com/) for sending emergency messages.
+4. **OpenStreetMap and Overpass API**: No additional setup needed.
+
+---
+
+## 📦 Installation:
+
+### 1. Clone the repository:
+
+git clone <repository-link>
+cd GlowPath
+
+### 2. Install dependencies:
+-root Directory
+npm install
+
+- server:
+ cd server
+ npm install
+
+- client:
+cd client
+npm install
+
+### 3.	Set up environment variables:
+Create a .env file in the client for the weather API Key
+Create a .env file in the server directory and add the following:
+SERVER_PORT=3002
+CLIENT_PORT=5173
+MONGODB_URI=your_mongodb_connection_string
+JWT_SECRET=your_secret_key
+TWILIO_ACCOUNT_SID
+TWILIO_AUTH_TOKEN
+TWILIO_PHONE_NUMBER
+
+
+## 💻 Tech Stack
+•	Frontend: React.js and Typescript
+•	Backend: Node.js with Express.js for routing and API logic.
+•	Database: MongoDB for storing data.
+•	Authentication: JSON Web Tokens (JWT) for secure user sessions.
+•	Mapping: Leaflet.js for an interactive map.
+• APIs and Tools:
+HERE API
+Nominatim
+Twilio
+Openstreetmaps
+Overpass
+Weather API
+•	Others: Axios.
+
+
+## 🤝 Contributing:
+
+Contributions, issues, and feature requests are welcome!
+Feel free to check the issues page or submit a pull request.
+
+## Authors:
+- Hadil Ben Koura - linkedIn:www.linkedin.com/in/hadil-benkoura
+- Mellissa Cessna - linkedIn: www.linkedin.com/in/cessna
+- Jonas Rinderlin - linkedIn: www.linkedin.com/in/
+
+Enjoy using GlowPath, and stay safe! 🚶‍♂️🛡️
+

client/eslint.config.js

@@ -1,8 +1,8 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
 
 export default tseslint.config(
   { ignores: ['dist'] },
@@ -24,5 +24,5 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
     },
-  },
-)
+  }
+);

client/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/icon-32.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>GlowPath</title>
   </head>
   <body>
     <div id="root"></div>