- 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.6 KiB
Visão Geral do Projeto
Objetivo
O projeto representa o frontend MVP do Omnichannel Sothis.
O objetivo principal é demonstrar, de forma visual e convincente, como um atendente pode:
- entrar na plataforma
- visualizar atendimentos e conversas
- iniciar um novo atendimento
- conversar com clientes em canais diferentes
- simular uma ligação ativa
Diretriz do MVP
Este MVP prioriza percepção de produto acabado.
Ou seja:
- os fluxos parecem reais
- os dados são mockados
- a navegação existe
- a experiência é pensada para demonstração, validação e apresentação
Stack
- React
- Vite
- JavaScript
- React Router
- CSS via estilos modernos em componentes
Estrutura
O frontend foi organizado por módulos, seguindo uma abordagem feature-based:
authhomechatcallattendance
Cada módulo concentra suas páginas, componentes, hooks e services mockados.
Rotas atuais
/login/home/chat/call/new-attendance
Módulos
Auth
Simula autenticação e entrada no sistema.
Home
É a central do operador, com dashboard, conversas, atalhos e navegação fake para os fluxos principais.
Chat
Simula atendimento em tempo real com mensagens, transferência e respostas automáticas mockadas.
Call
Simula uma ligação ativa com timer automático e controles visuais de softphone.
Attendance
Permite iniciar rapidamente um novo atendimento, escolhendo contato, canal e área.
Público da documentação
Esta documentação serve para:
- apresentação de produto
- onboarding técnico
- alinhamento entre frontend, backend e deploy
- futura evolução para integração real