- 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
1.0 KiB
1.0 KiB
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 superiorHomeSidebar.jsx: navegação lateral e botão de novo atendimentoMessagesWorkspace.jsx: lista de conversas, chat resumido e painel de açõesCallsWorkspace.jsx: visão resumida das ligaçõeshomeMocks.js: dados mockados do dashboard
Funcionalidades simuladas
- trocar entre
MensagenseLigaçõ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