Develop (#109)

## Reformulação da Interface e Novas Funcionalidades (UI/UX)

O ecossistema visual do projeto foi completamente recriado do zero,
saindo de um design genérico para uma estética Cyberpunk/Tech Dark Mode
de alta fidelidade. O foco principal foi garantir uma experiência de
usuário (UX) fluida, tipografia legível e componentes altamente
interativos.

---

### 1. Painel Principal (Dashboard de Vagas)
A página de listagem de vagas foi otimizada para legibilidade e
organização de dados em larga escala.

* **Paleta de Cores e Contraste:** Uso de um fundo grafite profundo
(#0B0F19) combinado com superfícies de cards levemente mais claras,
criando uma hierarquia visual por elevação.
* **Badges Dinâmicas:** Categorias, portais de origem (LinkedIn, etc.) e
palavras-chave utilizam tags com fundos semi-transparentes e bordas
coloridas atenuadas para não poluir a leitura.
* **Ações Rápidas:** Botão de execução do scraper (Run Scraper)
destacado no topo com a identidade visual do projeto, facilitando a
atualização dos dados com um único clique.

#### Dashboard Principal Reformulado
![Dashboard

Principal](https://github.com/user-attachments/assets/d0bc2c45-7ab4-479c-879d-7169a70531e2)

---

### 2. Área de Time (Carrossel Interativo de Membros)
Para exibir os contribuidores do projeto de forma elegante e dinâmica,
foi desenvolvido um componente customizado de Carrossel de Equipe.

* **Cartões de Contribuidores:** Cada card renderiza dinamicamente o
avatar oficial do GitHub do usuário dentro de uma moldura circular com
efeito de brilho (glow).
* **Métricas do Git:** Exibição em tempo real do volume de engajamento
de cada membro (ex: contagem de commits de desenvolvimento e tags de
funções como QA).
* **Botão de Ação "Ver Perfil":** Um botão estilizado com um gradiente
moderno (do Azul Royal ao Roxo Neon) que integra o ícone oficial do
GitHub, direcionando o usuário de forma externa e segura para o perfil
do dev.
* **Navegação Fluida:** Layout responsivo em grid deslizante que se
adapta perfeitamente a telas mobile e desktops de alta resolução.

#### Área do Time - Carrossel Dinâmico de Membros
![Carrossel de

Equipe](https://github.com/user-attachments/assets/af964cf4-14bf-4f5e-ac47-6eb51bae8408)

---

### 3. Fluxo de Autenticação (Telas de Login e Cadastro)
As páginas de acesso foram projetadas seguindo os padrões mais modernos
de segurança e design de interfaces SaaS (Software as a Service).

* **Estrutura Split-Screen (Tela Dividida):**
* **Lado Esquerdo (Branding):** Uma seção imersiva que exibe o logotipo
e a proposta de valor do projeto sobre um fundo com gradiente radial
neon abstrato, reforçando a identidade de IA e automação.
* **Lado Direito (Formulário):** Um formulário limpo, centralizado e
focado na conversão do usuário.
* **Inputs Modernos:** Campos de texto com bordas finas que se iluminam
ao receber foco (focus state) e textos de ajuda em tons suaves de cinza.
* **Autenticação Social (OAuth):** Botão nativo integrado para login
rápido via GitHub, posicionado de forma estratégica acima do formulário
tradicional para incentivar o login em um clique.
* **Alternância de Fluxo:** Links sutis e bem posicionados na base ("Não
tem uma conta? Cadastre-se" / "Já tem uma conta? Entre") garantem uma
transição perfeita entre as telas sem quebras de estado.

#### Página de Autenticação (Login)
![Tela de

Login](https://github.com/user-attachments/assets/323916a2-47bf-43a4-8ea5-1577c6df9f90)

Author: Benevanio

backend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "backend",
   "version": "1.0.0",
-  "description": "Backend para scraping e API de vagas do LinkedIn",
+  "description": "Backend para o projeto  <Cand!date!>",
   "main": "index.ts",
   "scripts": {
     "start": "tsx src/server.ts",
@@ -31,19 +31,19 @@
     "axios",
     "cheerio"
   ],
-  "author": "Bene Tesla Dev",
+  "author": "Projeto Open Source - Bene Tesla Dev",
   "license": "ISC",
   "dependencies": {
     "argon2": "^0.44.0",
-    "axios": "^1.13.6",
+    "axios": "^1.17.0",
     "cheerio": "^1.2.0",
     "cors": "^2.8.6",
-    "dotenv": "^17.3.1",
+    "dotenv": "^17.4.2",
     "express": "^5.2.1",
     "iron-session": "^8.0.4",
     "pdfkit": "^0.18.0",
     "redis": "^5.12.1",
-    "swagger-jsdoc": "^6.2.8",
+    "swagger-jsdoc": "^6.3.0",
     "swagger-ui-express": "^5.0.1",
     "xlsx": "^0.18.5",
     "zod": "^4.4.3"
@@ -52,13 +52,13 @@
     "node": ">=22.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.9.1",
     "@types/pg": "^8.20.0",
     "@types/supertest": "^7.2.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.1.8",
     "nodemon": "^3.1.14",
-    "supertest": "^7.1.4",
-    "typescript": "^6.0.2",
-    "vitest": "^3.2.4"
+    "supertest": "^7.2.2",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.8"
   }
 }

backend/tests/integration/routes/auth.routes.test.ts

@@ -9,7 +9,11 @@ const mockAuthService = vi.hoisted(() => ({
 }));
 
 vi.mock("../../../src/modules/auth/auth.service", () => ({
-  AuthService: vi.fn(() => mockAuthService),
+  AuthService: class {
+    constructor() {
+      return mockAuthService;
+    }
+  },
 }));
 
 // ── CredentialsService mock ───────────────────────────────────────────────────
@@ -20,7 +24,11 @@ const mockCredentialsService = vi.hoisted(() => ({
 }));
 
 vi.mock("../../../src/modules/auth/credentials.service", () => ({
-  CredentialsService: vi.fn(() => mockCredentialsService),
+  CredentialsService: class {
+    constructor() {
+      return mockCredentialsService;
+    }
+  },
 }));
 
 // ── iron-session ──────────────────────────────────────────────────────────────

backend/tests/integration/routes/savedJobs.routes.test.ts

@@ -12,7 +12,11 @@ const mockSavedJobsService = vi.hoisted(() => ({
 }));
 
 vi.mock("../../../src/modules/savedJobs/savedJobs.service", () => ({
-  SavedJobsService: vi.fn(() => mockSavedJobsService),
+  SavedJobsService: class {
+    constructor() {
+      return mockSavedJobsService;
+    }
+  },
 }));
 
 // ── iron-session ──────────────────────────────────────────────────────────────

backend/tests/integration/routes/user.routes.test.ts

@@ -12,7 +12,11 @@ const mockUsersService = vi.hoisted(() => ({
 }));
 
 vi.mock("../../../src/modules/users/users.service", () => ({
-  UsersService: vi.fn(() => mockUsersService),
+  UsersService: class {
+    constructor() {
+      return mockUsersService;
+    }
+  },
 }));
 
 // ── iron-session ──────────────────────────────────────────────────────────────

backend/tests/unit/middleware/errorHandler.test.ts

@@ -0,0 +1,47 @@
+import { describe, expect, it, vi } from "vitest";
+import { errorHandler } from "../../../src/middleware/errorHandler";
+
+describe("errorHandler", () => {
+  it("deve retornar 403 para erro de CORS", () => {
+    const json = vi.fn();
+    const status = vi.fn(() => ({ json }));
+
+    const res = {
+      status,
+    };
+
+    errorHandler(
+      new Error("Origin not allowed by CORS"),
+      {} as any,
+      res as any,
+      vi.fn(),
+    );
+
+    expect(status).toHaveBeenCalledWith(403);
+    expect(json).toHaveBeenCalledWith({
+      message: "Origem não permitida.",
+    });
+  });
+
+  it("deve retornar 500 para erros genéricos", () => {
+    const json = vi.fn();
+    const status = vi.fn(() => ({ json }));
+
+    const res = {
+      status,
+    };
+
+    errorHandler(
+      new Error("Erro qualquer"),
+      {} as any,
+      res as any,
+      vi.fn(),
+    );
+
+    expect(status).toHaveBeenCalledWith(500);
+    expect(json).toHaveBeenCalledWith({
+      message: "Erro interno.",
+      error: "Erro qualquer",
+    });
+  });
+});