feat: Add Docker configuration for the application stack and implement client-side API for data management and Excel export.

client/.dockerignore

@@ -0,0 +1,5 @@
+node_modules
+npm-debug.log
+build
+.git
+.env

client/Dockerfile

@@ -0,0 +1,19 @@
+# Stage 1: Build the React application
+FROM node:18-alpine as build
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve the application with Nginx
+FROM nginx:alpine
+
+COPY --from=build /app/build /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

client/src/api.js

@@ -1,4 +1,4 @@
-const BASE_URL = "http://localhost:8080/api";
+const BASE_URL = process.env.REACT_APP_API_URL || "http://localhost:8080/api";
 const XLSX = require("xlsx-js-style");
 
 // Helper function for handling fetch requests