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 7be806a81e chore(theme): alinhar modo escuro ao SO 
- remove o provedor e o toggle manual de tema
- aplica a classe dark conforme matchMedia ao inicializar o app
- ajusta o toaster para acompanhar as cores do sistema
 		2025-12-16 18:57:27 -03:00
..
public feat(ui): adicionar suporte avançado de tema 2025-12-16 18:57:11 -03:00
src chore(theme): alinhar modo escuro ao SO 2025-12-16 18:57:27 -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(ui): adicionar suporte avançado de tema 2025-12-16 18:57:11 -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 feat(ui): adicionar suporte avançado de tema 2025-12-16 18:57:11 -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