artur.oliveira
/
hit-server-manager
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
hit-server-manager/frontned
History
Artur Oliveira 53f64dd15f chore(docs): alinhar integração front/backend e CORS 2025-12-16 10:50:14 -03:00
..
public feat(ui-setup): implementar estrutura inicial da UI e página de login 2025-12-16 09:22:13 -03:00
src chore(docs): alinhar integração front/backend e CORS 2025-12-16 10:50:14 -03:00
.env.example feat(auth): implementar funcionalidade de login de usuário 2025-12-16 10:41:26 -03:00
.gitignore feat: create frontned base with vite 2025-12-15 22:04:55 -03:00
README.md chore(docs): alinhar integração front/backend e CORS 2025-12-16 10:50:14 -03:00
eslint.config.js feat(login): implementar alternância de visibilidade de senha 2025-12-16 09:30:35 -03:00
index.html feat: create frontned base with vite 2025-12-15 22:04:55 -03:00
package.json feat(ui-setup): implementar estrutura inicial da UI e página de login 2025-12-16 09:22:13 -03:00
postcss.config.js feat(frontend): configurar ambiente com Tailwind CSS 2025-12-16 08:09:17 -03:00
tailwind.config.js feat(login): implementar alternância de visibilidade de senha 2025-12-16 09:30:35 -03:00
tsconfig.app.json feat: create frontned base with vite 2025-12-15 22:04:55 -03:00
tsconfig.json feat: create frontned base with vite 2025-12-15 22:04:55 -03:00
tsconfig.node.json feat: create frontned base with vite 2025-12-15 22:04:55 -03:00
vite.config.ts feat(ui-setup): implementar estrutura inicial da UI e página de login 2025-12-16 09:22:13 -03:00
yarn.lock feat(ui-setup): implementar estrutura inicial da UI e página de login 2025-12-16 09:22:13 -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