Documentação Visual — Quitandinha.app

Gerado automaticamente em 16/03/2026, 17:06:20

🖥️ Desktop

Páginas Públicas

Páginas acessíveis sem autenticação: landing page, cadastro, login e demonstração.

Landing Page

Rota: /

Página inicial do Quitandinha.app com apresentação da plataforma.

Landing Page

Cadastro

Rota: /signup

Formulário de cadastro para criar uma nova loja.

Cadastro

Login Admin

Rota: /admin/login

Tela de login para o painel administrativo.

Login Admin

Demo

Rota: /demo

Modo demonstração da vitrine para visitantes.

Demo

Painel Administrativo (Admin)

Painel de gestão da loja: produtos, pedidos, clientes, configurações e mais.

Dashboard

Rota: /admin

Painel principal com métricas de vendas, pedidos recentes e resumo da loja.

Dashboard

Produtos

Rota: /admin/products

Gerenciamento completo de produtos: listagem, criação, edição e remoção.

Produtos

Categorias

Rota: /admin/categories Plano: Premium ou superior

Organização de produtos por categorias personalizadas.

Categorias

Pedidos

Rota: /admin/orders

Acompanhamento e gerenciamento de pedidos recebidos.

Pedidos

Clientes

Rota: /admin/customers Plano: Basic ou superior

Base de clientes cadastrados com histórico de compras.

Clientes

Carrinhos Abandonados

Rota: /admin/abandoned-carts

Monitoramento de carrinhos abandonados para recuperação de vendas.

Carrinhos Abandonados

Cupons

Rota: /admin/cupons Plano: Premium ou superior

Criação e gerenciamento de cupons de desconto.

Cupons

Notificações Push

Rota: /admin/push Plano: Enterprise

Envio de notificações push para clientes da loja.

Notificações Push

Assinatura

Rota: /admin/subscription

Gerenciamento do plano de assinatura e pagamentos.

Assinatura

SEO

Rota: /admin/seo Plano: Basic ou superior

Configurações de SEO: meta tags, palavras-chave e otimização para buscadores.

SEO

Configurações

Rota: /admin/settings

Configurações gerais da loja: nome, endereço, WhatsApp, horário e entrega.

Configurações

Personalização / Tema

Rota: /admin/theme

Personalização visual da vitrine: cores, logo, layout e tema.

Personalização / Tema

Ajuda IA

Rota: /admin/ai

Assistente com IA para ajudar na configuração e dúvidas sobre a plataforma.

Ajuda IA

Meu Perfil

Rota: /admin/profile

Gerenciamento do perfil do administrador e alteração de senha.

Meu Perfil

Ações Interativas (CRUD) — Light Mode

Demonstração de criação de categorias, produtos, cupons e configurações em light mode.

Dashboard

Rota: /admin

Painel principal com métricas, analytics e ações rápidas.

Dashboard

Produtos (listagem)

Rota: /admin

Listagem de produtos cadastrados.

Produtos (listagem)

Formulário de Produto

Rota: /admin

Formulário preenchido para criação de novo produto.

Formulário de Produto

Produtos (após criar)

Rota: /admin

Listagem de produtos após criação bem-sucedida.

Produtos (após criar)

Categorias (listagem)

Rota: /admin

Listagem de categorias cadastradas.

Categorias (listagem)

Formulário de Categoria

Rota: /admin

Formulário preenchido para criação de nova categoria.

Formulário de Categoria

Categorias (após criar)

Rota: /admin

Listagem de categorias após criação bem-sucedida.

Categorias (após criar)

Pedidos

Rota: /admin

Listagem de pedidos recebidos com status e valores.

Pedidos

Clientes (listagem)

Rota: /admin

Base de clientes cadastrados.

Clientes (listagem)

Formulário de Cliente

Rota: /admin

Formulário preenchido para cadastro de novo cliente.

Formulário de Cliente

Clientes (após criar)

Rota: /admin

Listagem de clientes após cadastro bem-sucedido.

Clientes (após criar)

Carrinhos Abandonados

Rota: /admin

Monitoramento de carrinhos abandonados.

Carrinhos Abandonados

Cupons (listagem)

Rota: /admin

Listagem de cupons de desconto.

Cupons (listagem)

Formulário de Cupom

Rota: /admin

Formulário preenchido para criação de novo cupom.

Formulário de Cupom

Cupons (após criar)

Rota: /admin

Listagem de cupons após criação bem-sucedida.

Cupons (após criar)

Notificações Push

Rota: /admin

Página de envio de notificações push.

Notificações Push

Push (formulário)

Rota: /admin

Formulário de notificação push preenchido.

Push (formulário)

Assinatura (visão geral)

Rota: /admin

Página de assinatura com plano atual e opções.

Assinatura (visão geral)

Assinatura (planos)

Rota: /admin

Tabela de planos disponíveis para upgrade.

Assinatura (planos)

Assinatura (rodapé)

Rota: /admin

Parte inferior da página de assinatura.

Assinatura (rodapé)

SEO

Rota: /admin

Configurações de SEO: meta description e keywords.

SEO

SEO (keyword)

Rota: /admin

Adicionando keyword no campo de SEO.

SEO (keyword)

Configurações (topo)

Rota: /admin

Configurações gerais: nome, slug, descrição da loja.

Configurações (topo)

Configurações (meio)

Rota: /admin

Configurações de pedido, entrega, idioma e moeda.

Configurações (meio)

Configurações (rodapé)

Rota: /admin

Template de mensagem e opções avançadas.

Configurações (rodapé)

Tema (topo)

Rota: /admin

Personalização visual: cores principais e header.

Tema (topo)

Tema (meio)

Rota: /admin

Tipografia, estilo de botões e bordas de imagens.

Tema (meio)

Tema (rodapé)

Rota: /admin

Configurações de logo e preview.

Tema (rodapé)

Ajuda IA (inicial)

Rota: /admin

Interface do assistente IA antes de enviar mensagem.

Ajuda IA (inicial)

Ajuda IA (mensagem)

Rota: /admin

Campo de mensagem preenchido para enviar ao assistente.

Ajuda IA (mensagem)

Ajuda IA (resposta)

Rota: /admin

Resposta do assistente IA à pergunta enviada.

Ajuda IA (resposta)

Meu Perfil

Rota: /admin

Página de perfil do administrador com opção de alterar senha.

Meu Perfil

Ações Interativas (CRUD) — Dark Mode 🌙

Mesmas funcionalidades em dark mode: todas as telas do admin com tema escuro.

Dashboard

Rota: /admin

Dashboard em dark mode.

Dashboard

Produtos (listagem)

Rota: /admin

Listagem de produtos em dark mode.

Produtos (listagem)

Formulário de Produto

Rota: /admin

Criação de produto em dark mode.

Formulário de Produto

Produtos (após criar)

Rota: /admin

Produtos após criação em dark mode.

Produtos (após criar)

Categorias (listagem)

Rota: /admin

Listagem de categorias em dark mode.

Categorias (listagem)

Formulário de Categoria

Rota: /admin

Criação de categoria em dark mode.

Formulário de Categoria

Categorias (após criar)

Rota: /admin

Categorias após criação em dark mode.

Categorias (após criar)

Pedidos

Rota: /admin

Listagem de pedidos em dark mode.

Pedidos

Clientes (listagem)

Rota: /admin

Base de clientes em dark mode.

Clientes (listagem)

Formulário de Cliente

Rota: /admin

Cadastro de cliente em dark mode.

Formulário de Cliente

Clientes (após criar)

Rota: /admin

Clientes após cadastro em dark mode.

Clientes (após criar)

Carrinhos Abandonados

Rota: /admin

Carrinhos abandonados em dark mode.

Carrinhos Abandonados

Cupons (listagem)

Rota: /admin

Listagem de cupons em dark mode.

Cupons (listagem)

Formulário de Cupom

Rota: /admin

Criação de cupom em dark mode.

Formulário de Cupom

Cupons (após criar)

Rota: /admin

Cupons após criação em dark mode.

Cupons (após criar)

Notificações Push

Rota: /admin

Push notifications em dark mode.

Notificações Push

Push (formulário)

Rota: /admin

Formulário de push em dark mode.

Push (formulário)

Assinatura (visão geral)

Rota: /admin

Página de assinatura em dark mode.

Assinatura (visão geral)

Assinatura (planos)

Rota: /admin

Planos disponíveis em dark mode.

Assinatura (planos)

Assinatura (rodapé)

Rota: /admin

Parte inferior da assinatura em dark mode.

Assinatura (rodapé)

SEO

Rota: /admin

Configurações de SEO em dark mode.

SEO

Configurações (topo)

Rota: /admin

Configurações gerais em dark mode.

Configurações (topo)

Configurações (rodapé)

Rota: /admin

Configurações (rodapé) em dark mode.

Configurações (rodapé)

Tema (topo)

Rota: /admin

Personalização visual em dark mode.

Tema (topo)

Tema (rodapé)

Rota: /admin

Personalização (rodapé) em dark mode.

Tema (rodapé)

Ajuda IA (inicial)

Rota: /admin

Assistente IA em dark mode.

Ajuda IA (inicial)

Ajuda IA (resposta)

Rota: /admin

Resposta da IA em dark mode.

Ajuda IA (resposta)

Meu Perfil

Rota: /admin

Página de perfil em dark mode.

Meu Perfil

📱 Mobile

Páginas Públicas

Páginas acessíveis sem autenticação: landing page, cadastro, login e demonstração.

Landing Page

Rota: /

Página inicial do Quitandinha.app com apresentação da plataforma.

Landing Page

Cadastro

Rota: /signup

Formulário de cadastro para criar uma nova loja.

Cadastro

Login Admin

Rota: /admin/login

Tela de login para o painel administrativo.

Login Admin

Demo

Rota: /demo

Modo demonstração da vitrine para visitantes.

Demo

Painel Administrativo (Admin)

Painel de gestão da loja: produtos, pedidos, clientes, configurações e mais.

Dashboard

Rota: /admin

Painel principal com métricas de vendas, pedidos recentes e resumo da loja.

Dashboard

Produtos

Rota: /admin/products

Gerenciamento completo de produtos: listagem, criação, edição e remoção.

Produtos

Categorias

Rota: /admin/categories Plano: Premium ou superior

Organização de produtos por categorias personalizadas.

Categorias

Pedidos

Rota: /admin/orders

Acompanhamento e gerenciamento de pedidos recebidos.

Pedidos

Clientes

Rota: /admin/customers Plano: Basic ou superior

Base de clientes cadastrados com histórico de compras.

Clientes

Carrinhos Abandonados

Rota: /admin/abandoned-carts

Monitoramento de carrinhos abandonados para recuperação de vendas.

Carrinhos Abandonados

Cupons

Rota: /admin/cupons Plano: Premium ou superior

Criação e gerenciamento de cupons de desconto.

Cupons

Notificações Push

Rota: /admin/push Plano: Enterprise

Envio de notificações push para clientes da loja.

Notificações Push

Assinatura

Rota: /admin/subscription

Gerenciamento do plano de assinatura e pagamentos.

Assinatura

SEO

Rota: /admin/seo Plano: Basic ou superior

Configurações de SEO: meta tags, palavras-chave e otimização para buscadores.

SEO

Configurações

Rota: /admin/settings

Configurações gerais da loja: nome, endereço, WhatsApp, horário e entrega.

Configurações

Personalização / Tema

Rota: /admin/theme

Personalização visual da vitrine: cores, logo, layout e tema.

Personalização / Tema

Ajuda IA

Rota: /admin/ai

Assistente com IA para ajudar na configuração e dúvidas sobre a plataforma.

Ajuda IA

Meu Perfil

Rota: /admin/profile

Gerenciamento do perfil do administrador e alteração de senha.

Meu Perfil

Tour em Vídeo

Vídeos gravados do tour completo da aplicação em desktop e mobile, light e dark mode.

Desktop — Dark

Desktop — Light

Mobile — Dark

Mobile — Light