Add Docker deploy on frontend-react

Author: ganatan

frontend-angular/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20
+FROM node:22
 
 WORKDIR /app
 

frontend-angular/package.json

@@ -12,8 +12,10 @@
     "coverage": "ng test --no-watch --code-coverage",
     "lint": "ng lint",
     "serve": "node server.js",
-    "docker:build": "docker build -t frontend-angular .",
-    "docker:run": "docker run -p 4000:4000 frontend-angular"
+    "docker:list-containers": "docker ps -a",
+    "docker:list-images": "docker images",
+    "docker:build": "docker build -t frontend-angular-starter .",
+    "docker:run": "docker run -p 4000:4000 frontend-angular-starter"
   },
   "private": true,
   "dependencies": {

frontend-react/Dockerfile

@@ -0,0 +1,15 @@
+FROM node:22
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+EXPOSE 3000
+
+CMD ["npm", "run", "serve"]

frontend-react/package.json

@@ -22,7 +22,11 @@
     "coverage": "react-scripts test --coverage --watchAll=false",
     "eject": "react-scripts eject",
     "lint": "eslint \"src/**/*.{js,jsx}\"",
-    "serve": "node server"
+    "serve": "node server",
+    "docker:list-containers": "docker ps -a",
+    "docker:list-images": "docker images",
+    "docker:build": "docker build -t frontend-react-starter .",
+    "docker:run": "docker run -p 3000:3000 frontend-react-starter"
   },
   "eslintConfig": {
     "extends": [