cringe

compose.yml

@@ -4,6 +4,7 @@ services:
     ports: 
       - 3000:3000
     restart: unless-stopped
+
   postgres:
     image: postgres:latest
     container_name: postgres_container
@@ -15,4 +16,13 @@ services:
     ports:
       - "5432:5432"
     volumes:
-      - postgres_data:/var/lib/postgresql/data
+      - postgres_data:/var/lib/postgresql/data
+
+  frontend_nginx:
+    build: ./cool_todo_manager
+    container_name: frontend_nginx
+    ports:
+      - 80:80
+    environment:
+      - NGINX_COOL=nginx_cool
+    restart: unless-stopped

cool_todo_manager/dockerfile

@@ -0,0 +1,20 @@
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+
+COPY ./package*.json ./
+
+RUN npm ci
+
+COPY . .
+
+RUN ls -lah
+
+RUN npm run build
+
+FROM nginx:latest
+
+COPY --from=builder /app/dist /usr/share/nginx_cool/dist
+COPY --from=builder /app/nginx/nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80

cool_todo_manager/eslint.config.js

@@ -5,7 +5,7 @@ import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ['*'] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
     files: ['**/*.{ts,tsx}'],

cool_todo_manager/nginx/nginx.conf

@@ -0,0 +1,27 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+
+    include /etc/nginx/mime.types;
+
+    default_type application/octet-stream; 
+
+
+    server {
+        listen 80;
+        server_name _;
+
+        root /usr/share/nginx_cool/dist;
+        index index.html;
+
+        location / {
+            try_files $uri /index.html;
+        }
+
+        location ~* \.js$ {
+            add_header Content-Type application/javascript;
+        }
+    }
+}

cool_todo_manager/src/components/MainBoard/MainBoard.tsx

@@ -8,8 +8,7 @@ import CardGroup from '../CardGroup/CardGroup';
 import CreateProjectDialog from '../dialogs/CreateProjectDialog/CreateProjectDialog';
 
 export default function MainBoard() {
-	const dragEndHandle = (result: TDragResult) => {
+	const dragEndHandle = (result: any) => {
-		result;
 	};
 
 	const [createProject] = useCreateProjectMutation();

cool_todo_manager/tsconfig.app.json

@@ -14,13 +14,6 @@
     "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
   },
-  "include": ["src", "../@types/**/*"]
+  "include": ["src"]
 }

cool_todo_manager/tsconfig.node.json

@@ -12,13 +12,6 @@
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }