diff --git a/Dockerfile b/Dockerfile
index 1b72f5b..a0d9d27 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -3,19 +3,27 @@ FROM node:20 AS build
WORKDIR /app
-COPY package.json ./
-COPY package-lock.json ./
+# Copy package.json and package-lock.json to the WORKDIR
+COPY frontend/package.json ./
+COPY frontend/package-lock.json ./
+
+# Install dependencies
RUN npm install
-COPY . ./
+# Copy the rest of the frontend files to the WORKDIR
+COPY frontend/. ./
+
+# Build the React app
RUN npm run build
# Step 2: Serve the app
FROM nginx:alpine
+# Copy the built files from the build stage to the Nginx web root
COPY --from=build /app/dist /usr/share/nginx/html
# Expose port 80
EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
+# Run Nginx in the foreground
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 7bfc19a..f6758cc 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -18,7 +18,7 @@ const Footer = () => {
Built with React & Tailwind CSS
•
{
@@ -72,4 +71,4 @@ const Introduction = () => {
);
};
-export default Introduction;
\ No newline at end of file
+export default Introduction;