- 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
913 B
913 B
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 canaisChatWindow.jsx: header, mensagens e inputChatTransferPanel.jsx: fluxo visual de transferênciauseChat.js: estado do chat, envio e resposta simuladachatMocks.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
- SMS
Papel na apresentação
O módulo de chat demonstra como a plataforma concentra diferentes canais em uma única experiência operacional.