update: got the frontend docker image up and running along with live/hot

reloading for changing files

Author: Stephen Hinett

.gitignore

@@ -18,9 +18,11 @@
 # Go workspace file
 go.work
 
-/tmp
+/backend/tmp
 
 ## Frontend list
+/frontend/dist
+
 # Logs
 logs
 *.log

backend/docker-compose.yml

@@ -1,10 +1,11 @@
 services:
   api:
+    container_name: api
     build:
-      context: ./docker
-      dockerfile: Dockerfile.dev
+      context: ./
+      dockerfile: docker/Dockerfile.dev
     ports:
       - "9000:9000"
     volumes:
       - ./:/api
-    command: [ "air" ]
+    command: air

frontend/.dockerignore

@@ -0,0 +1,2 @@
+**/node_modules
+**/.parcel-cache

frontend/.eslintrc.js

@@ -0,0 +1,38 @@
+module.exports = {
+    env: {
+      browser: true,
+      es6: true
+    },
+    extends: [
+      'eslint:recommended',
+      'plugin:@typescript-eslint/eslint-recommended',
+      'plugin:@typescript-eslint/recommended',
+      'plugin:@typescript-eslint/recommended-requiring-type-checking',
+      'plugin:react/recommended',
+      'plugin:react-hooks/recommended',
+      'standard'
+    ],
+    globals: {
+      Atomics: 'readonly',
+      SharedArrayBuffer: 'readonly'
+    },
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true
+      },
+      ecmaVersion: 2018,
+      project: './tsconfig.json',
+      sourceType: 'module'
+    },
+    plugins: [
+      'react',
+      'react-hooks',
+      '@typescript-eslint'
+    ],
+    settings: {
+      react: { version: 'detect' }
+    },
+    rules: {
+    }
+  }

frontend/docker-compose.yml

@@ -1,9 +1,14 @@
 services:
   frontend:
+    container_name: client
     build:
-      context: ./docker
-      dockerfile: Dockerfile.dev
+      context: ./
+      dockerfile: docker/Dockerfile.dev
     ports:
-      - "8080:80"
+      - "8080:8080"
+      - "33333:33333"
     volumes:
-      - ./:/frontend
+      - ./:/client
+      - /client/node_modules/
+      - /client/.parcel-cache/
+    command: [ "npm", "start" ]

frontend/docker/Dockerfile.dev

@@ -1,15 +1,11 @@
 FROM node:16.15.0-alpine
 
 # Working directory
-WORKDIR /frontend
+WORKDIR /client
 
-ENV PATH /frontend/node_modules/.bin:$PATH
+RUN apk update && apk add --no-cache nodejs npm python3 py3-pip build-base
 
-COPY package.json ./
-COPY package-lock.json ./
+COPY ./package.json ./package-lock.json ./
+RUN npm install --slient
 
-RUN npm instal --slient
-
-COPY . ./
-
-CMD ["npm", "start"]
+COPY . .