From 71b72d6542d39f78cdfdb832530830521881fef5 Mon Sep 17 00:00:00 2001
From: Beici Liang <beici.liang@foxmail.com>
Date: Sat, 18 Feb 2023 19:06:57 +0000
Subject: [PATCH] add docker files

---
 backend-flask/Dockerfile     | 13 +++++++++++++
 docker-compose.yml           | 26 ++++++++++++++++++++++++++
 frontend-react-js/Dockerfile |  9 +++++++++
 3 files changed, 48 insertions(+)
 create mode 100644 backend-flask/Dockerfile
 create mode 100644 docker-compose.yml
 create mode 100644 frontend-react-js/Dockerfile

diff --git a/backend-flask/Dockerfile b/backend-flask/Dockerfile
new file mode 100644
index 0000000..1932aad
--- /dev/null
+++ b/backend-flask/Dockerfile
@@ -0,0 +1,13 @@
+FROM python:3.10-slim-buster
+
+WORKDIR /backend-flask
+
+COPY requirements.txt requirements.txt
+RUN pip3 install -r requirements.txt
+
+COPY . .
+
+ENV FLASK_ENV=development
+
+EXPOSE ${PORT}
+CMD [ "python3", "-m" , "flask", "run", "--host=0.0.0.0", "--port=4567"]
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..ba22b92
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,26 @@
+version: "3.8"
+services:
+  backend-flask:
+    environment:
+      FRONTEND_URL: "https://3000-${GITPOD_WORKSPACE_ID}.${GITPOD_WORKSPACE_CLUSTER_HOST}"
+      BACKEND_URL: "https://4567-${GITPOD_WORKSPACE_ID}.${GITPOD_WORKSPACE_CLUSTER_HOST}"
+    build: ./backend-flask
+    ports:
+      - "4567:4567"
+    volumes:
+      - ./backend-flask:/backend-flask
+  frontend-react-js:
+    environment:
+      REACT_APP_BACKEND_URL: "https://4567-${GITPOD_WORKSPACE_ID}.${GITPOD_WORKSPACE_CLUSTER_HOST}"
+    build: ./frontend-react-js
+    ports:
+      - "3000:3000"
+    volumes:
+      - ./frontend-react-js:/frontend-react-js
+
+# the name flag is a hack to change the default prepend folder
+# name when outputting the image names
+networks: 
+  internal-network:
+    driver: bridge
+    name: cruddur
\ No newline at end of file
diff --git a/frontend-react-js/Dockerfile b/frontend-react-js/Dockerfile
new file mode 100644
index 0000000..46a8a42
--- /dev/null
+++ b/frontend-react-js/Dockerfile
@@ -0,0 +1,9 @@
+FROM node:16.18
+
+ENV PORT=3000
+
+COPY . /frontend-react-js
+WORKDIR /frontend-react-js
+RUN npm install
+EXPOSE ${PORT}
+CMD ["npm", "start"]
\ No newline at end of file