feat: Docker - added frontend to docker-compose

.env-example

@@ -8,3 +8,6 @@ DB_NAME=film-db
 
 # ADMINER
 ADMINER_PORT=8080
+
+# CLIENT
+CLIENT_PORT=3000

docker-compose.yml

@@ -15,10 +15,12 @@ services:
       # changes in host's ./backend directory will be propagated to the container
       - ./backend:/usr/src/app
       # this prevents our host files from overriding container's node_modules
-      - exclude:/usr/src/app/node_modules/
+      - exclude-server:/usr/src/app/node_modules/
     networks:
-      - app-network
+      - backend-network
     restart: always
+    depends_on:
+      - postgres-db
 
   postgres:
     container_name: postgres
@@ -27,7 +29,7 @@ services:
     volumes:
       - ./backend/database-storage:/var/lib/postgresql/data
     networks:
-      - app-network
+      - backend-network
     environment:
       POSTGRES_USER: ${DB_USER}
       POSTGRES_PASSWORD: ${DB_PASSWORD}
@@ -46,9 +48,28 @@ services:
     depends_on:
       - postgres-db
 
+  client:
+    container_name: client
+    image: client:1.0.0
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    env_file: .env
+    ports:
+      - 127.0.0.1:${CLIENT_PORT}:3000
+    volumes:
+      # changes in host's ./frontend directory will be propagated to the container
+      - ./frontend:/usr/src/app
+      # this prevents our host files from overriding container's node_modules
+      - exclude-client:/usr/src/app/node_modules/
+    restart: always
+    depends_on:
+      - server
+
 volumes:
-  exclude:
   database-storage:
+  exclude-server:
+  exclude-client:
 
 networks:
-  app-network:
+  backend-network:

frontend/.dockerignore

+# Node modules folder
+node_modules
+
+# Git
+.gitignore
+
+# Docker files
+Dockerfile
+.dockerignore

frontend/Dockerfile

+FROM node:16-alpine
+
+WORKDIR /usr/src
+
+COPY ["package.json", "package-lock.json*", "./"]
+RUN npm install
+ENV PATH=/usr/src/node_modules/.bin:$PATH
+
+WORKDIR /usr/src/app
+
+COPY . .
+
+CMD ["npm", "run", "dev"]

frontend/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },