JPFPortfólio / Estudo de caso 01 Voltar aos projetos
01 / 03Software · Atendimento & operaçõesEstudo de caso

FLOW.

Atendimento, ativos e projetos
em um mesmo fluxo.

Uma aplicação para organizar solicitações de suporte, acompanhar equipamentos e conectar trabalho de projeto aos perfis envolvidos.

Figura 01 — arquitetura do FlowDiagrama conceitual baseado no repositório · não é captura da interface
01 / PortalAdminConfiguração e visão geral
02 / PortalAgenteFila e execução
03 / PortalClienteAbertura e acompanhamento
Vue + TypeScriptInertiaLaravel
Regras de atendimentoPrioridade / SLA
IdentidadeLDAP / OAuth
IntegraçõesGitHub / Webhooks
Camadas documentadas no códigoRepresentação editorial / sem dados operacionais
01 / Contexto

O suporte não termina no chamado.

Quando solicitações, inventário de equipamentos e projetos são acompanhados em lugares distintos, o contexto se fragmenta. O Flow reúne essas frentes numa aplicação com portais para administração, agentes e clientes.

Escopo de desenvolvimento

O projeto reúne interfaces dos portais em Vue e TypeScript, backend em Laravel, regras de atendimento e integrações com LDAP e GitHub.

02 / Decisões

Três escolhas que
estruturam o sistema.

  1. 01

    Uma interface entre dois mundos.

    Laravel organiza rotas e regras no servidor; Vue e TypeScript compõem os portais. Inertia conecta as páginas aos dados do backend sem exigir uma API separada para cada tela.

    Laravel / Vue / Inertia
  2. 02

    Contexto certo para cada perfil.

    Cliente abre e acompanha solicitações; agente trabalha na fila; administração configura a operação. Prioridade e prazos de SLA dão estrutura ao acompanhamento dos chamados.

    Portais / SLA
  3. 03

    Integrações com fronteiras claras.

    Autenticação LDAP e GitHub OAuth convivem com eventos do GitHub. O controlador de webhook verifica a assinatura HMAC antes de tratar os eventos recebidos.

    LDAP / GitHub
03 / Evidências
04 / Ferramentas

Stack.

Laravel · Vue · TypeScript · Inertia · MySQL · Tailwind CSS

Sobre, técnica e contato

Sobre / por trás do códigoDesenvolvimento & produto

SOFTWAREPARA AVIDA REAL.

Full-stack.
PHP / Laravel.
TypeScript / Vue / React.

Desenvolvedor full-stack do Ceará e fundador da Appruma.

Meu trabalho passa pelo backend, pela interface e pela operação. Construí o LucasBurger para a hamburgueria dos meus pais: do código à VPS, com pedidos reais e integrações fiscais. Essa experiência dá contexto às escolhas que faço em arquitetura, testes e implantação. Hoje, também desenvolvo a Appruma para organizar a rotina de profissionais autônomos.

Trajetória no LinkedIn — nova aba
Produto em desenvolvimento

Appruma

Estou desenvolvendo a Appruma para reunir agendamentos, clientes e a rotina de profissionais autônomos.

Agendamentos.
Clientes.
Rotina.

Técnica / em prática03 camadas

A ESTRUTURAPOR TRÁS.

Regras, interfaces e integrações. Cada camada responde a uma parte do problema; os projetos mostram como elas se conectam.

  1. 01 / Backend

    Regras que
    sustentam.

    PHP / Laravel / Dados

    O Flow organiza prioridade e SLA para os chamados. A versão pública anterior do LucasBurger usa transações em OrderService e StockService para coordenar pedidos, ingredientes e movimentos de estoque.

  2. 02 / Interface

    Contexto
    na tela.

    Vue / React / TypeScript

    Os portais do Flow usam Vue, TypeScript e Inertia para apresentar as tarefas de cada perfil. O LeadCode combina React com o editor Monaco para resolver desafios de programação.

  3. 03 / Integrações

    Sistemas em
    conversa.

    IA / GitHub / LDAP

    O Flow conecta autenticação LDAP, GitHub OAuth e webhooks. No LeadCode, interfaces e uma factory separam Gemini, Claude e OpenAI para fornecer feedback e dicas sobre os exercícios.

Contato / direto ao ponto03 / 03

VAMOSCONVERSAR.