Barra Progresso Andamento Processo Pipefy

Resumo do Projeto: Barra de Progresso de Processos do Pipefy para Clientes
Objetivo: Criar uma ferramenta de acompanhamento para clientes visualizarem o status de seus processos (cards) no Pipefy, por meio de um link público e uma barra de progresso.
Visão Geral da Solução:
A solução requer um serviço de integração (backend) que se comunique com o Pipefy e um frontend (página web) para exibir as informações ao cliente.
Detalhes da Implementação:
1.    Processo no Pipefy:
o    Os processos (representados por cards) no Pipefy percorrem 4 fases principais, na seguinte ordem:
    "Caixa de Entrada"
    "Fazendo"
    "Finalizando"
    "Concluído"
o    O acompanhamento será feito utilizando o ID padrão do card do Pipefy.
2.    Serviço de Integração (Backend):
o    Este serviço deve ser capaz de:
    Receber requisições HTTP de uma página web, contendo o cardId (ID do card do Pipefy) como parâmetro.
    Comunicar-se com a API do Pipefy para obter o status e o nome da fase atual do card correspondente ao cardId.
    Mapear o nome da fase atual do card (ex: "Fazendo") para um percentual de progresso numérico (25%, 50%, 75%, 100%).
    Retornar uma resposta em formato JSON para a página web, incluindo o nome da fase atual e o percentual de progresso.
    Exemplo de resposta JSON esperada: {"currentPhase": "Fazendo", "progress": 50}
3.    Frontend (Página de Acompanhamento):
o    Será uma página web acessível publicamente (html, css, javascript).
O    A página receberá o cardId como parâmetro na URL (ex: seusite.com/acompanhamento?id=XXXXX).
O    O JavaScript na página fará uma requisição HTTP para o serviço de integração (backend).
O    Com base na resposta JSON do backend, a página irá:
    Exibir uma barra de progresso visual que se atualiza de acordo com o percentual recebido.
    Exibir o nome da fase atual por extenso.
O    Para esta fase inicial, não há requisitos adicionais de exibição de informações.
Requisitos para o Desenvolvedor:
•    Projetar e implementar o serviço de integração (backend) que interage com a API do Pipefy e processa a lógica de progresso.
•    Desenvolver o frontend (página web) para exibir de forma clara o status do processo.
•    Garantir a comunicação segura e eficiente entre o frontend e o backend.
•    Recomendar a melhor arquitetura e tecnologias para o backend (ex: serverless functions, microserviços, plataformas de integração, etc.).
•    Aconselhar sobre opções de hospedagem para o frontend e o backend.
•    Realizar testes completos da solução.