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
41 lines
1.0 KiB
Markdown
41 lines
1.0 KiB
Markdown
# Módulo Home / Dashboard
|
|
|
|
## Objetivo
|
|
|
|
Ser o hub central do atendente após o login.
|
|
|
|
## Tela principal
|
|
|
|
- `HomePage.jsx`
|
|
|
|
## Componentes e lógica
|
|
|
|
- `HomeTopbar.jsx`: busca, toggle de abas, avatar e contexto superior
|
|
- `HomeSidebar.jsx`: navegação lateral e botão de novo atendimento
|
|
- `MessagesWorkspace.jsx`: lista de conversas, chat resumido e painel de ações
|
|
- `CallsWorkspace.jsx`: visão resumida das ligações
|
|
- `homeMocks.js`: dados mockados do dashboard
|
|
|
|
## Funcionalidades simuladas
|
|
|
|
- trocar entre `Mensagens` e `Ligações`
|
|
- buscar conversas mockadas
|
|
- abrir rota de chat
|
|
- abrir rota de call
|
|
- abrir rota de novo atendimento
|
|
|
|
## Papel na apresentação
|
|
|
|
É a tela que melhor comunica o conceito do produto:
|
|
|
|
- múltiplos canais
|
|
- visão operacional única
|
|
- agilidade no atendimento
|
|
- sensação de plataforma pronta para uso
|
|
|
|
## Pontos de UX
|
|
|
|
- responsividade adaptada para mobile, tablet, desktop e desktop largo
|
|
- sidebar separada do conteúdo para leitura mais clara
|
|
- cards de contexto e indicadores operacionais
|