EL

Edilberto Lima Jr.

Analista e Desenvolvedor

Biblioteca de Processos - Plataforma de Base de Conhecimento
2025
10 tecnologias

Plataforma interna de base de conhecimento com árvores de decisão interativas e editores visuais de fluxo para padronização de procedimentos. Possui controle de acesso por perfil, artigos com editor rich-text, construtor visual de fluxos de processos, seções de FAQ, anexos de mídia e busca avançada por categorias.

Tecnologias Utilizadas

Stack tecnológica utilizada

Next.js 16
React 19
TypeScript
Drizzle ORM
PostgreSQL
NextAuth
React Flow
TipTap
shadcn/ui
TailwindCSS
Visão Geral

Uma plataforma abrangente de base de conhecimento e biblioteca de processos projetada para padronizar procedimentos de atendimento ao cliente. Os operadores seguem árvores de decisão interativas que os guiam passo a passo em processos complexos, garantindo um atendimento consistente e de alta qualidade. A plataforma inclui um editor visual de fluxos construído com React Flow para criação e gerenciamento de fluxos de processos, um sistema de artigos com editor rich-text TipTap, controle de acesso baseado em perfis (admin, editor, leitor) com visibilidade de conteúdo por setor, e um painel administrativo completo para gerenciar usuários, categorias, tags e processos.

Desafios

6 desafios

  • Projetar um editor visual de fluxos intuitivo para gestores não técnicos
  • Implementar visibilidade de conteúdo baseada em perfis com granularidade por setor
  • Construir árvores de decisão interativas que guiam operadores em procedimentos complexos
  • Criar um sistema de conteúdo rich-text com anexos de mídia e recursos incorporados
  • Garantir log de acessos em tempo real e analytics para rastreamento de uso de processos
  • Suportar simultaneamente o formato legado de árvore de decisão e o novo formato visual de fluxo
Soluções

6 soluções

  • Integração com React Flow (XYFlow) com tipos de nós customizados e layout automático dagre para o editor visual
  • NextAuth com sessões JWT e Drizzle ORM para autenticação e autorização segura baseada em perfis
  • Visualizador de fluxo interativo passo a passo que rastreia o caminho do usuário pelos nós de decisão
  • Editor rich-text TipTap com extensões de imagem, vídeo, tabela e link para conteúdo de artigos
  • PostgreSQL com Drizzle ORM para dados estruturados com queries type-safe e migrações
  • Sistema de permissões por setor filtrando visibilidade de conteúdo por perfil de usuário e departamento
Resultados

Impacto e conquistas do projeto

Procedimentos de atendimento padronizados em múltiplos departamentos e setores
Editor visual de fluxos permitindo que gestores não técnicos criem e atualizem processos
Árvores de decisão interativas reduzindo tempo de treinamento e melhorando consistência
Base de conhecimento centralizada substituindo documentação dispersa e conhecimento informal
Log completo de acessos fornecendo insights sobre uso de processos e gargalos
Sistema de artigos rico com seções de FAQ servindo como material de referência abrangente

Outros Projetos