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
38 lines
913 B
Markdown
38 lines
913 B
Markdown
# Módulo Chat
|
|
|
|
## Objetivo
|
|
|
|
Simular um atendimento em tempo real com aparência próxima de um produto de operação real.
|
|
|
|
## Tela principal
|
|
|
|
- `ChatPage.jsx`
|
|
|
|
## Componentes e lógica
|
|
|
|
- `ChatConversationList.jsx`: lista de contatos e canais
|
|
- `ChatWindow.jsx`: header, mensagens e input
|
|
- `ChatTransferPanel.jsx`: fluxo visual de transferência
|
|
- `useChat.js`: estado do chat, envio e resposta simulada
|
|
- `chatMocks.js`: contatos, áreas, atendentes e mensagens iniciais
|
|
|
|
## Funcionalidades simuladas
|
|
|
|
- alternar entre conversas
|
|
- enviar mensagem
|
|
- receber resposta mock automática
|
|
- rolagem automática
|
|
- transferência para outra área
|
|
- escolha de atendente de destino
|
|
- observação opcional na transferência
|
|
|
|
## Canais representados
|
|
|
|
- WhatsApp
|
|
- SMS
|
|
- Email
|
|
|
|
## Papel na apresentação
|
|
|
|
O módulo de chat demonstra como a plataforma concentra diferentes canais em uma única experiência operacional.
|