84 lines
1.6 KiB
Markdown
84 lines
1.6 KiB
Markdown
|
# 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:
|
||
|
|
|
||
|
|
- `auth`
|
||
|
|
- `home`
|
||
|
|
- `chat`
|
||
|
|
- `call`
|
||
|
|
- `attendance`
|
||
|
|
|
||
|
|
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
|