Replaced Node-sass with Sass, Dockerized Client, Updated Server File Structure

SampleCode/LabelingUX/.vscode/launch.json

@@ -0,0 +1,22 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Launch Edge",
+            "request": "launch",
+            "type": "msedge",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}"
+        },
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

SampleCode/LabelingUX/Client/.dockerignore

@@ -0,0 +1,38 @@
+# Node.js and npm
+node_modules
+npm-debug.log
+
+# Yarn
+yarn-error.log
+
+# Environment variables
+.env
+
+# Logs
+logs
+*.log
+
+# Dependency directories
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Webpack files
+.cache
+dist
+
+# Docker files
+Dockerfile
+docker-compose.yml
+
+# Miscellaneous
+.DS_Store
+*.swp
+*.swo
+.vscode
+.idea
+*.iml

SampleCode/LabelingUX/Client/Dockerfile

@@ -0,0 +1,33 @@
+FROM node:14-alpine
+# Install necessary packages
+RUN apk update && apk add --no-cache --virtual .build-deps \
+    g++ make py3-pip alpine-sdk python3 \
+    libjpeg-turbo-dev libpng-dev \
+    # Additional dependencies for canvas
+    cairo-dev jpeg-dev pango-dev giflib-dev
+
+# Ensure python3 is used
+RUN ln -sf python3 /usr/bin/python
+
+# Install node-gyp globally to help with native builds
+RUN npm install -g node-gyp
+
+RUN npm install -g typescript
+EXPOSE 3000
+
+# Setup the app directory
+RUN mkdir /app
+WORKDIR /app
+COPY . /app
+COPY package*.json /app
+
+# Install dependencies with verbose logging
+RUN npm cache verify && npm install --verbose
+# RUN npm install @types/react-router-dom@latest
+# Verify that react-scripts and other dependencies are installed
+RUN ls -la node_modules/.bin && ls -la node_modules/react-scripts
+
+# Attempt to rebuild node-sass with more verbose output for troubleshooting
+#RUN npm rebuild node-sass --verbose || echo "Failed to rebuild node-sass, consider using Dart Sass as an alternative."
+
+CMD ["npm", "start"]

SampleCode/LabelingUX/Client/docker-compose.yaml

@@ -0,0 +1,13 @@
+version: '3.8'
+
+services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    volumes:
+      - .:/app
+      - ./logs:/app/logs
+      - ./.env:/app/.env
+    environment:
+      - NODE_ENV=development