omnichannel-frontend/docs/modulo-home.md
Rafael Lopes 8e29dde2a1 Initial commit
- 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
2026-03-19 18:22:18 -03:00

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 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