Rafael Lopes
8e29dde2a1
- Telas iniciais do projeto criadas - Estrutura de pastas e arquivos definida - Componentes instalados e linguagem definida - Vite configurado para React e build de dev rapida - Mockups de dados criados para desenvolvimento dos módulos - Documentação inicial criada para guiar o desenvolvimento e uso do projeto
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.
|