updates on the design

Dockerfile

@@ -0,0 +1,33 @@
+# Stage 1: Build the React application
+FROM node:20-alpine AS build
+WORKDIR /app
+
+# Copy package management files first for better caching
+COPY package.json yarn.lock* package-lock.json* ./
+
+# Install dependencies (using npm to respect package-lock.json if it exists, with legacy-peer-deps for compatibility)
+RUN npm install --legacy-peer-deps
+
+# Copy the source code
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Stage 2: Serve the application with Nginx
+FROM nginx:alpine
+
+WORKDIR /usr/share/nginx/html
+
+# Remove default Nginx welcome page
+RUN rm -rf ./*
+
+# Copy built assets from the previous stage
+COPY --from=build /app/build/ .
+
+# Copy the custom Nginx configuration
+COPY nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]