Clique aqui para ir até a aplicação

Da aplicação

Trata-se de um sistema de comanda digital executado totalmente no navegador. O sistema permite cadastrar produtos, montar comandas, registrar vendas, gerar recibos em PDF e criar relatórios de fechamento de caixa.

A aplicação funciona como um ponto de venda básico, voltado para operações rápidas.

Estrutura principal da interface

A interface é dividida em duas áreas principais, controladas por botões:

  1. Cadastro de produtos

  2. Comanda / Venda

Funcionalidades do Cadastro

Dentro da aba de cadastro, o usuário encontra:

1. Formulário de registro de produtos

Campos:
Nome do produto
Preço
Descrição
Categoria (opcional)
Botão de salvar

Ao salvar:
O produto é validado
Gravado no localStorage
A lista à direita é atualizada

2. Lista de produtos cadastrados

Cada item mostra:
Nome
Preço formatado
Categoria (se houver)
Botões: editar e excluir
Funções implementadas:
Editar carrega os dados no formulário
Excluir remove do armazenamento e atualiza em tempo real

Funcionalidades da Comanda

Na aba Comanda, o usuário consegue montar a venda.

1. Seleção de produtos

Os produtos cadastrados aparecem em uma lista clicável. Ao clicar:
O produto é adicionado à comanda
Se já estiver na comanda, a quantidade aumenta

2. Lista da comanda

Cada item contém:
Nome
Quantidade com botões + e –
Preço total do item
Botão remover

A comanda sempre recalcula o total automaticamente.


3. Painel de pagamento

Abaixo da lista da comanda, há:
Total da compra
Campo de valor pago
Campo de troco (cálculo automático)

Seleção de forma de pagamento:

Dinheiro
PIX
Débito
Crédito

4. Encerrar venda

Quando o usuário conclui:
A venda é gravada no localStorage

Gera imediatamente um recibo em PDF com:

Lista dos itens
Quantidades
Valores individuais e total
Forma de pagamento
Data e hora

Geração de PDF

A aplicação usa jsPDF e jsPDF-AutoTable. Quando o cliente conclui a venda:
O sistema cria um documento A4
Insere o título
Constrói a tabela usando AutoTable
Inclui total e dados finais
Faz download automático

Fechamento de caixa

O fechamento de caixa percorre todas as vendas registradas no localStorage e gera um PDF de relatório, que inclui:
Todas as vendas do dia
Informações individuais de cada comanda
Totais gerais

Após gerar o relatório:
Zera o histórico de vendas
A aplicação volta para o estado inicial

Armazenamento

Os dados ficam salvos mesmo após fechar o navegador, a menos que o usuário limpe manualmente.