hit-server-manager/frontend
Artur Oliveira 7460577423 feat(pagination): paginar listagem de servidores
- adiciona DTO de página e paginação no endpoint GET /api/servers
- aplica busca paginada no service/repositório com limites seguros
- atualiza dashboard e tabela React com controles e requisições paginadas
2025-12-16 18:16:22 -03:00
..
public feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
src feat(pagination): paginar listagem de servidores 2025-12-16 18:16:22 -03:00
.dockerignore chore(devops): adicionar suporte a docker 2025-12-16 17:37:41 -03:00
.env.example feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
Dockerfile chore(devops): adicionar suporte a docker 2025-12-16 17:37:41 -03:00
README.md feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
eslint.config.js feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
index.html feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
package.json feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
postcss.config.js feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
tailwind.config.js style(frontend): aprimora cards de métricas 2025-12-16 13:17:23 -03:00
tsconfig.app.json feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
tsconfig.json feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
tsconfig.node.json feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
vite.config.ts feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
yarn.lock feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00

README.md

Frontend - Servers Manager

Stack

  • React 19, React Router 7
  • Axios (withCredentials)
  • Tailwind (config in tailwind.config.js)
  • react-hot-toast para feedback

Configuração

Crie .env a partir de .env.example:

VITE_BACKEND_URL=http://localhost:8080

Rodar

yarn install      # ou npm install
yarn dev          # ou npm run dev

Acesse http://localhost:5173.

Fluxo de login

  • Página /login envia POST /api/auth/login com email/senha.
  • Tokens vêm em cookies (access_token e refresh_token HttpOnly). Axios usa withCredentials.
  • Após sucesso, redireciona para / (ajuste rota/dashboard conforme evoluir).

Estrutura

  • src/Api.ts: cliente axios com withCredentials.
  • src/pages/Login.tsx: tela de login e toasts.
  • src/components/Layout.tsx: layout base.

Build/Lint

yarn build
yarn lint