omnichannel-frontend/docs/visao-geral.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.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:

  • 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