artur.oliveira
/
hit-server-manager
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
hit-server-manager/frontend
History
Artur Oliveira 7b8112d73c style(frontend): aprimora cards de métricas 
- Ajusta cor padrão de bg-card no tailwind para maior contraste
- Adiciona ícones e gradiente aos cards de contagem
- Formata totais e hierarquia visual dos textos
 		2025-12-16 13:17:23 -03:00
..
public feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -03:00
src style(frontend): aprimora cards de métricas 2025-12-16 13:17:23 -03:00
.env.example feat: corrige nome da pasta do frontend 2025-12-16 10:54:00 -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