Voltar aos projetos
Produto SaaS Comércio Local 2024 – presente

Consulte
Compre ADM

Painel de administração completo para a plataforma Consulte Compre — um SaaS voltado para conectar consumidores ao comércio local. O painel gerencia toda a operação da plataforma: categorias, estabelecimentos, usuários, conteúdos e configurações.

O problema a resolver

A plataforma Consulte Compre precisava de um painel administrativo robusto que permitisse gerenciar todos os aspectos do negócio sem depender de ferramentas externas.

O desafio era criar uma interface ágil, sem recarregar a página a cada ação, com controle granular de permissões e integração total com a API REST existente — mantendo a experiência fluida mesmo em conexões mais lentas.

Além disso, era necessário que novos operadores conseguissem usar o sistema sem treinamento técnico, com uma curva de aprendizado mínima.

Funcionalidades entregues

SPA sem dependências de framework

Aplicação de página única (Single Page Application) construída em Vanilla JS puro, com roteamento via hash e carregamento dinâmico de seções — sem React, Angular ou Vue, resultando em carregamento ultra-rápido.

Gestão completa de categorias

CRUD completo de categorias com seletor de ícones (Material Symbols Outlined), filtro por categoria e busca em tempo real. Ícones organizados em mais de 16 categorias temáticas.

Gerenciamento de estabelecimentos

Cadastro, edição e desativação de estabelecimentos vinculados à plataforma, com controle de status e histórico de ações.

Controle de usuários e permissões

Autenticação via JWT com token armazenado em LocalStorage. Controle de sessão, perfis de acesso e logout automático por inatividade.

Design responsivo Bootstrap 5

Interface 100% responsiva com Bootstrap 5.3 + Bootstrap Icons. Funciona perfeitamente em desktop, tablet e mobile sem adaptações manuais.

Integração REST API dual (prod / local)

Detecção automática de ambiente: conecta à API de produção (api.consultcompre.com.br) em produção e ao servidor local em desenvolvimento, sem nenhuma mudança de código.

Impacto gerado

O painel entrou em produção e passou a ser o principal ponto de controle da operação do Consulte Compre, eliminando a necessidade de acesso direto ao banco de dados para tarefas rotineiras.

A abordagem SPA sem framework resultou em um bundle extremamente leve, com tempo de carregamento inicial abaixo de 1 segundo mesmo em conexões 4G.

O sistema é facilmente replicável para outras plataformas que precisem de um painel administrativo semelhante — basta adaptar os endpoints da API.