rfac: docker-compose.yaml

.dockerignore

@@ -37,6 +37,8 @@ build/
 
 # Postgresql Data
 .postgresql_data/
+postgres
+files
 
 docker-compose.yaml
 Dockerfile
@@ -49,3 +51,5 @@ node_modules
 .eslintrc.json
 .prettierignore
 .prettierrc
+package-lock.json
+

.eslintrc.json

@@ -12,7 +12,7 @@
     "prettier" // this rule should be the last
   ],
   "overrides": [],
-  "parser": "@typescript-eslint/parser",
+  // "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaVersion": "latest",
     "sourceType": "module",

Dockerfile.frontend

@@ -1,21 +1,10 @@
-# Stage 1: Build the React application
-FROM node:latest as build
 
-WORKDIR /app
-
-COPY package.json package-lock.json ./
 
+FROM node:13.12.0-alpine as build
+WORKDIR /app
+COPY . .
 RUN npm install
 
-COPY . ./
-
-RUN npm run build
-
-# Stage 2: Serve the React application from Nginx
-FROM nginx:alpine
-
-COPY --from=build /app/build /usr/share/nginx/html
-
-EXPOSE 80
 
-CMD ["nginx", "-g", "daemon off;"]
+EXPOSE 3000
+CMD ["npm", "start"]

docker-compose.yaml

@@ -2,11 +2,38 @@ version: '3.3'
 networks:
   network:
     driver: bridge
-    name: tracer-network
+
 services:
+  backend:
+    build: 
+      context: .
+      dockerfile: Dockerfile.backend
+    container_name: tracer-backend
+    networks:
+      - network
+    ports:
+      - "8080:8080" 
+    env_file:
+      - env.list
+    depends_on:
+      - redis
+      - postgres 
+    restart: unless-stopped 
 
+  frontend:
+    build: 
+      context: .
+      dockerfile: Dockerfile.frontend
+    container_name: tracer-frontend
+    network_mode: host
+    env_file: 
+      - env.list
+    ports:
+      - "3000:3000" 
+    restart: unless-stopped
+    volumes:
+      - .:/app
 
-
   postgres:
     image: postgres:latest
     networks:

env.list.example

@@ -20,6 +20,6 @@ GITHUB_CLIENT_SECRET=
 AWS_BUCKET=
 AWS_ACCESS=
 AWS_SECRET=
-AWS_URL=http://{ip address of localstack container}:4566
+AWS_URL=http://localstack:4566
 AWS_REGION=us-east-1
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "activity-leaderboard",
+  "name": "tracer-frontend",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -40,8 +40,7 @@
   },
   "eslintConfig": {
     "extends": [
-      "react-app",
-      "react-app/jest"
+      "react-app"
     ]
   },
   "browserslist": {

src/envConstants.ts

@@ -1,6 +1,6 @@
-export const CLIENT_ID = process.env.CLIENT_ID;
-export const BACKEND_URL = process.env.BACKEND_URL;
-export const AVATAR_API = process.env.AVATAR_API;
+export const CLIENT_ID ="149d2857118e05e729a8";
+export const BACKEND_URL = "http://localhost:8080";
+export const AVATAR_API = "w9zrqHdDa4MsYB";
 
 // http://13.233.127.61:8080
 // https://leaderboard-java.mdgspace.org