created frontend dir and created a template to work from

.devcontainer/devcontainer.json

@@ -6,7 +6,8 @@
 			"extensions": [
 				"redhat.vscode-yaml",
 				"tsandall.opa",
-        		"ms-kubernetes-tools.vscode-kubernetes-tools"
+        		"ms-kubernetes-tools.vscode-kubernetes-tools",
+				"esbenp.prettier-vscode"
 			]
 		}
 	},

.github/workflows/backend-code.yml

@@ -47,7 +47,7 @@ jobs:
             --all-targets
             --all-features
             --
-            --deny warnings  
+            --deny warnings
 
   test:
     # Deduplicate jobs from pull requests and branch pushes within the same repo.

.github/workflows/frontend-code.yml

@@ -0,0 +1,70 @@
+name: Frontend Code
+
+#############################
+# Start the job on all push #
+#############################
+on:
+  push:
+    branches-ignore: [main]
+    # Remove the line above to run when pushing to master or main
+  pull_request:
+    branches: [main]
+
+###############
+# Set the Job #
+###############
+jobs:
+  build:
+    # Name the Job
+    name: Lint Code Base
+    # Set the agent to run on
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    ############################################
+    # Grant status permission for MULTI_STATUS #
+    ############################################
+    permissions:
+      contents: read
+      packages: read
+      statuses: write
+
+    ##################
+    # Load all steps #
+    ##################
+    steps:
+      ##########################
+      # Checkout the code base #
+      ##########################
+      - name: Checkout Code
+        uses: actions/checkout@v4
+        with:
+          # Full git history is needed to get a proper
+          fetch-depth: 0
+
+      ################################
+      # Run Linter against code base #
+      ################################
+      - name: Lint Code Base
+        uses: actions/setup-node@v3
+        env:
+          VALIDATE_ALL_CODEBASE: false
+          DEFAULT_BRANCH: main
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          FILTER_REGEX_EXCLUDE: .*README.md.*
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: "npm"
+          cache-dependency-path: frontend/
+
+      - name: yarn install
+        run: yarn install
+        working-directory: frontend/
+
+      - name: yarn test
+        run: yarn test -passWithNoTests
+        working-directory: frontend/

frontend/.devcontainer/devcontainer.json

@@ -0,0 +1,16 @@
+{
+    "name": "xchemlab frontend",
+    "image": "docker.io/library/node:20.6.0-bookworm",
+    "runArgs": [
+        "--security-opt=label=type:container_runtime_t"
+    ],
+    "customizations": {
+        "vscode": {
+            "extensions": [
+                "ms-vscode.vscode-typescript-next",
+                "dbaeumer.vscode-eslint",
+                "esbenp.prettier-vscode"
+            ]
+        }
+    }
+}

frontend/.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

frontend/package.json

@@ -0,0 +1,46 @@
+{
+    "name": "xchemlab-frontend",
+    "version": "0.1.0",
+    "private": true,
+    "dependencies": {
+      "@testing-library/jest-dom": "^5.17.0",
+      "@testing-library/react": "^13.4.0",
+      "@testing-library/user-event": "^13.5.0",
+      "react": "^18.2.0",
+      "react-dom": "^18.2.0",
+      "web-vitals": "^2.1.4"
+    },
+    "devDependencies": {
+      "eslint": "8.49.0",
+      "eslint-config-react-app": "^7.0.1",
+      "eslint-webpack-plugin": "^4.0.1",
+      "prettier": "3.0.3",
+      "react-scripts": "5.0.1",
+      "typescript": "5.2.2"
+    },
+    "scripts": {
+      "start": "react-scripts start",
+      "build": "react-scripts build",
+      "test": "react-scripts test",
+      "eject": "react-scripts eject",
+      "format": "prettier --jsx-single-quote --print-width 100 --write src/**/*.{ts,tsx,css}"
+    },
+    "eslintConfig": {
+      "extends": [
+        "react-app",
+        "react-app/jest"
+      ]
+    },
+    "browserslist": {
+      "production": [
+        ">0.2%",
+        "not dead",
+        "not op_mini all"
+      ],
+      "development": [
+        "last 1 chrome version",
+        "last 1 firefox version",
+        "last 1 safari version"
+      ]
+    }
+  }

frontend/src/setupTests.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

frontend/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "jsx": "react",
+        "outDir": "./build",
+        "allowJs": true,
+        "target": "es5",
+        "useUnknownInCatchVariables": false,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true
+    },
+    "include": [
+        "./src/**/*"
+    ]
+}