From 5037b459b20f9882496008ed316969ed16b1f57e Mon Sep 17 00:00:00 2001
From: Rayan Konecny do Nascimento <rayanvix@gmail.com>
Date: Tue, 22 Apr 2025 16:50:16 +0000
Subject: [PATCH] Finish project

---
 Dockerfile                            | 17 +++++++++++++++++
 Dockerfile.mock                       | 11 +++++++++++
 nginx.conf                            | 11 +++++++++++
 podman-compose.yml                    | 22 ++++++++++++++++++++++
 src/app/layout/main/main.component.ts |  6 +++---
 5 files changed, 64 insertions(+), 3 deletions(-)
 create mode 100644 Dockerfile
 create mode 100644 Dockerfile.mock
 create mode 100644 nginx.conf
 create mode 100644 podman-compose.yml

diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..89a0579
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,17 @@
+# Dockerfile
+FROM node:20-alpine
+
+WORKDIR /app
+
+# Copiar arquivos e instalar dependências
+COPY package*.json ./
+RUN npm install -g @angular/cli && npm install
+
+# Copiar o restante do código
+COPY . .
+
+# Expor a porta padrão do Angular
+EXPOSE 4200
+
+# Comando para servir o Angular na rede
+CMD ["ng", "serve", "--host", "0.0.0.0"]
diff --git a/Dockerfile.mock b/Dockerfile.mock
new file mode 100644
index 0000000..d7e1eac
--- /dev/null
+++ b/Dockerfile.mock
@@ -0,0 +1,11 @@
+FROM node:20-alpine
+
+WORKDIR /app
+
+RUN npm install -g json-server
+
+COPY db.json .
+
+EXPOSE 3000
+
+CMD ["json-server", "--watch", "db.json", "--port", "3000"]
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..8700dee
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,11 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}
diff --git a/podman-compose.yml b/podman-compose.yml
new file mode 100644
index 0000000..4df0855
--- /dev/null
+++ b/podman-compose.yml
@@ -0,0 +1,22 @@
+version: "3.9"
+
+services:
+  my-task-board:
+    build:
+      context: .
+      dockerfile: Dockerfile  # Dockerfile para o Angular
+    container_name: my-task-board
+    ports:
+      - "4200:4200"
+    volumes:
+      - .:/app
+    command: ["npx", "ng", "serve", "--host", "0.0.0.0", "--poll=2000"]
+    depends_on:
+      - json-server
+  json-server:
+      build:
+        context: .
+        dockerfile: Dockerfile.mock  # Dockerfile para o JSON Server
+      container_name: json-server
+      ports:
+        - "3000:3000"
diff --git a/src/app/layout/main/main.component.ts b/src/app/layout/main/main.component.ts
index aeb5fc2..372b1d6 100644
--- a/src/app/layout/main/main.component.ts
+++ b/src/app/layout/main/main.component.ts
@@ -11,15 +11,15 @@ const MODULES = [MatDivider];
   standalone: true,
   imports: [...COMPONENTS,...MODULES],
   template: `
-    <div class="h-screen flex w-full border-4">
+    <div class="h-screen flex w-full">
       <!-- Categorias -->
       <app-category class="w-1/4 opacity-50" />
 
       <!-- Divisor -->
-      <mat-divider class="h-full border-2" />
+      <mat-divider class="h-full" />
 
       <!-- Tarefas -->
-      <app-task class="w-3/4 border-2 pt-10" />
+      <app-task class="w-3/4 pt-10" />
     </div>
   `,
   styles: ``,