Voltar para as entregasAtacado · ERP e catálogo B2B

BPG

O novo sistema da empresa: catálogo B2B, pedidos, estoque, financeiro e NF-e

O projeto mais amplo do portfólio: substitui o sistema da empresa. Catálogo público com mais de 5 mil produtos, pedidos e orçamentos, separação com leitura de código, estoque, financeiro com DRE e módulo fiscal com NF-e e manifestação do destinatário.

Ver no ar
Interface do projeto BPG
Stack

Como foi construído

  • React 19 + TanStack Start (SSR)
  • TanStack Router e React Query
  • Tailwind CSS + Radix UI
  • React Hook Form + Zod
  • Banco Postgres com RLS e permissões por módulo
  • Rotas públicas de API para ingestão externa
Parte pública

O que o cliente final vê

Catálogo B2B

Vitrine com categorias, filtros por faixa de preço, variantes e preço visível apenas para lojista logado.

Carrinho e pedido

Carrinho, checkout, orçamento e página de sucesso do pedido.

Links de representante

Links curtos e rastreáveis para o representante compartilhar catálogo e pedido.

Rastreio de separação

Página pública onde o cliente acompanha a separação do pedido.

Área interna

O que o time gerencia por dentro

Produtos

Catálogo com variantes e SKUs, atributos, fotos, tabelas de preço, importação, análise e mesclagem de duplicados.

Pedidos e orçamentos

Lista e detalhe de pedidos, histórico de edições, orçamentos, condições de pagamento com aprovação e links de representante.

Estoque e separação

Movimentações de estoque e picking com planos, itens, sessões e leituras registradas.

Financeiro

Contas, bancos, baixas, classes/grupos, comissões e linhas de DRE.

Fiscal / NF-e

Notas, catálogo e parâmetros de NCM, notas de entrada com duplicatas, fila de chaves, cursores de documentos e manifestação do destinatário.

Cadastros

Entidades (clientes e fornecedores) com contatos, endereços e categorias; empresas; mapeamento fornecedor-produto e markups.

Aprovações e follow-up

Filas de aprovação e acompanhamento comercial.

Permissões e usuários

Papéis com permissões padrão, permissões por usuário e overrides por módulo, com log de atividade e auditoria de credenciais.

As telas internas contêm dados reais de clientes, então não são publicadas aqui. A descrição acima foi levantada diretamente do código e da estrutura de dados do sistema. Demonstração ao vivo mediante conversa.

Estrutura de dados

Como a informação é organizada

Cadastro

Entidades, contatos, endereços, categorias e empresas.

Produtos

Produtos, variantes, SKUs, mídias, atributos, catálogos, tags, mesclagens e markups por fornecedor.

Pedidos

Pedidos, itens, edições, orçamentos, condições de pagamento e links de representante.

Estoque

Movimentações e todo o ciclo de separação (planos, itens, sessões, leituras).

Financeiro

Contas, bancos, baixas, classificações, comissões e DRE.

Fiscal

Notas, NCM, notificações, notas de entrada, duplicatas, fila de chaves e eventos de manifestação.

Acesso

Papéis, permissões, overrides por módulo, credenciais do sistema e log de atividade.

Integrações

O que conversa com o mundo de fora

Ponte de NF-e

Sincronização de chaves e documentos fiscais com agentes/ponte dedicada, incluindo manifestação do destinatário.

Ingestão de entidades

Rota pública autenticada para receber cadastros de sistemas externos.

Extração de catálogo

Função que extrai e interpreta catálogos de fornecedor (OCR) para cadastrar produtos em escala.

Engenharia

Decisões que fazem diferença

  • Mais de 5 mil produtos com variantes servidos com filtro e busca rápidos
  • Separação rastreável por sessão e leitura — dá para auditar quem separou o quê
  • Módulo fiscal real: NF-e de entrada e saída, NCM e manifestação do destinatário
  • Financeiro com DRE, comissões e conciliação
  • Permissão em três camadas: papel, usuário e override por módulo
Telas

Interface em funcionamento

BPG — Catálogo B2B com categorias, filtros e preço sob login
Catálogo B2B com categorias, filtros e preço sob login
BPG — Grade de produtos com variantes e códigos
Grade de produtos com variantes e códigos

Telas capturadas do ambiente no ar. Contatos, e-mails e documentos identificáveis foram desfocados antes da publicação.

Sua operação também pode virar sistema

Começa com um diagnóstico: entendemos como a empresa funciona hoje e desenhamos a solução antes de escolher a ferramenta.

Ver tudo o que desenvolvemos