.

Dockerfile

@@ -1,9 +1,29 @@
-FROM swift:5.8
+# Use an official node runtime as a parent image
+FROM node:16 AS build
 
+# Set the working directory
 WORKDIR /app
 
+# Copy the package.json and package-lock.json files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the app
 COPY . .
 
-RUN swift build
+# Build the React app
+RUN npm run build
+
+# Use a lightweight web server to serve the built app
+FROM nginx:alpine
+
+# Copy the build files from the previous stage to the Nginx server directory
+COPY --from=build /app/build /usr/share/nginx/html
+
+# Expose port 80
+EXPOSE 80
 
-CMD ["swift", "run"]
+# Start Nginx
+CMD ["nginx", "-g", "daemon off;"]

frontend/src/components/Profile/spProfile.js

@@ -170,7 +170,7 @@ const ServiceProvider = () => {
 
             <div className="map-container">
                 <h3>Location</h3>
-                <LoadScript googleMapsApiKey="AIzaSyCMLZk2EyzqLGW46zjQhMERud09RpJLmP4">
+            <LoadScript googleMapsApiKey=${{env.google_Api}}>
                     <GoogleMap
                         mapContainerStyle={containerStyle}
                         center={{