Omnichannel Sothis

Protótipo visual do frontend MVP do sistema Omnichannel da Sothis.

O foco desta versão é apresentação de produto: a aplicação simula fluxos reais de atendimento com dados mockados, UX moderna e navegação entre telas principais.

O que existe hoje

• Frontend em React + Vite dentro de frontend/
• Docker Compose na raiz para subir o frontend desta apresentação
• Telas implementadas:
  • Login
  • Home / Dashboard
  • Chat
  • Call / Softphone mock
  • Novo Atendimento

Estrutura esperada do ecossistema

Hoje este repositório cobre o frontend e um docker-compose.yml local para desenvolvimento/apresentação.

Para rodar o ambiente completo no futuro, a separação esperada é:

• frontend: interface do produto
• backend: API e regras de negócio
• deploy: repositório raiz de infraestrutura/orquestração, onde ficará o docker-compose final com frontend, backend, banco e demais serviços

Como rodar somente o frontend

Opção 1: com Docker

Na raiz deste projeto:

docker compose up -d --build

Depois acesse:

http://localhost:3000

Opção 2: com Node local

Entre na pasta do frontend:

cd frontend
npm install
npm run dev

Depois acesse:

http://localhost:3000

Como gerar build do frontend

cd frontend
npm run build

Para rodar o ambiente completo

Quando a solução estiver separada em múltiplos repositórios, o fluxo esperado será:

1. Fazer pull do repositório frontend
2. Fazer pull do repositório backend
3. Fazer pull do repositório deploy
4. Entrar no repositório deploy (raiz de infraestrutura)
5. Subir tudo com:

docker compose up -d --build

Em outras palavras: o docker compose definitivo do ambiente completo deve ser executado a partir do repositório deploy, que será a raiz de orquestração.

Documentação

A documentação funcional do frontend está em frontend/docs:

• visão geral do projeto
• documentação por módulo/tela
• documentação em formato narrativo/RPG para explicar os casos de uso