Updated Docker Config

- Installed dependencies in Backend container before copying to allow caching
- Installed Node Modules in Frontend container
- Added Node Modules to .dockerignore for Frontend container
- Corrected volume mapping in docker-compose.yml
- Updated port back to 5000 from 4000

.dockerignore

@@ -0,0 +1 @@
+node_modules

Dockerfile

@@ -1,12 +1,13 @@
 # pull official base image
 FROM node:14
-
+COPY ./package.json /usr/src/app/package.json
 # set working directory
-WORKDIR .
-
-# add `/app/node_modules/.bin` to $PATH
+WORKDIR /usr/src/app
+# install dependencies first so that they can be cached
+RUN npm install
 EXPOSE 3000
-
+# copy the code
 COPY . ./
 # start app
-CMD ["yarn", "start"]
+ENTRYPOINT ["yarn"]
+CMD ["start"]

backend/Dockerfile

@@ -1,19 +1,9 @@
 FROM python:3.8
-ADD ../ /usr/src/app
+COPY ./requirements.txt /usr/src/app/requirements.txt
 WORKDIR /usr/src/app
-EXPOSE 4000
 RUN pip install --upgrade pip
 RUN pip install -r requirements.txt
-
-#FROM node:14.9 
-#COPY package*.json ./
-
-#RUN npm install
-
-#COPY . .
-
-#EXPOSE 3000
-
-#CMD [ "yarn", "start" ]
+COPY . /usr/src/app
+EXPOSE 5000
 ENTRYPOINT ["python"]
 CMD ["index.py"]

docker-compose.yml

@@ -3,25 +3,27 @@ services:
  backend:
   build: ./backend
   ports:
-   - "4000:4000"
+   - "5000:5000"
   volumes:
-   - .:/backend/app
+   - ./backend:/usr/src/app
   environment:
    - ENV=development
-   - PORT=4000
+   - PORT=5000
    - DB=mongodb+srv://bot:[email protected]/feature-hunt?retryWrites=true&w=majority
    #- DB=mongodb://mongodb:27017/todoDev
 
 
  frontend:
   build: .
   volumes:
-    - '/usr/src/app'
+    - ./src:/usr/src/app/src
+    - ./public:/usr/src/app/public
+    - ./test:/usr/src/app/test
   ports:
     - 8080:3000
   stdin_open: true
 
 
 networks:
  default:
-  name: web_dev
+  name: feature_hunt

package.json

@@ -41,7 +41,7 @@
       "last 1 safari version"
     ]
   },
-  "proxy": "http://localhost:4000",
+  "proxy": "http://localhost:5000",
   "devDependencies": {
     "json-server": "^0.16.3"
   }

src/Service.js

@@ -1,4 +1,4 @@
-const baseUrl = "http://localhost:4000/";
+const baseUrl = "http://localhost:5000/";
 const requestOptionsBuilder = (method, body, headers) => {
   let options =  {
     method: method,