34 lines
798 B
Markdown
34 lines
798 B
Markdown
|
# Módulo Auth / Login
|
||
|
|
|
||
|
|
## Objetivo
|
||
|
|
|
||
|
|
Apresentar uma entrada elegante e moderna para o produto, simulando autenticação corporativa sem backend real.
|
||
|
|
|
||
|
|
## Tela principal
|
||
|
|
|
||
|
|
- `LoginPage.jsx`
|
||
|
|
|
||
|
|
## Componentes e lógica
|
||
|
|
|
||
|
|
- `LoginForm.jsx`: formulário visual de acesso
|
||
|
|
- `useLogin.js`: controla o envio e redirecionamento
|
||
|
|
- `authService.js`: mock de autenticação
|
||
|
|
|
||
|
|
## Fluxo
|
||
|
|
|
||
|
|
1. O usuário informa usuário e senha
|
||
|
|
2. Clica em `Entrar`
|
||
|
|
3. O login mock é executado
|
||
|
|
4. O usuário é redirecionado para `/home`
|
||
|
|
|
||
|
|
## Elementos importantes
|
||
|
|
|
||
|
|
- branding Sothis
|
||
|
|
- botão `Entrar com Microsoft`
|
||
|
|
- link `Esqueci minha senha`
|
||
|
|
- visual de produto SaaS
|
||
|
|
|
||
|
|
## Papel na apresentação
|
||
|
|
|
||
|
|
A tela de login serve como entrada institucional do MVP e ajuda a criar percepção de maturidade do produto logo no primeiro contato.
|