PROJETO PESSOAL

Quitto

Contratos parcelados, com comprovante aprovado pelo credor e lembrete automático.

React 19 · TypeScript · TanStack Query · Tailwind CSS · Elysia.js · PostgreSQL

Abrir a demo de Quitto(abre em nova aba)Ver o código de Quitto(abre em nova aba)

JP / 002 · SIDE B

O credor cadastra, o devedor comprova e ninguém precisa cobrar na mão.

  1. O painel diz quem está atrasado

    O credor vê o que tem a receber e a pagar, as parcelas atrasadas e as próximas a vencer.

  2. Cada parcela tem um estado

    Confirmada, aguardando aprovação, pendente ou atrasada, cada parcela do contrato mostra onde está.

    Uma parcela contestada e vencida volta a contar como atrasada.

  3. O comprovante passa por duas pessoas

    O devedor envia o comprovante direto para o storage, por URL pré-assinada.

    O credor aprova ou contesta, e só a aprovação quita a parcela.

  4. Os tipos atravessam a rede

    O cliente da API é tipado ponta a ponta pelo Eden Treaty, sem etapa de geração de código.

    Quando mudo algo na API, o editor já aponta onde o front precisa acompanhar.

Painel do Quitto com os totais a receber, a pagar, as parcelas atrasadas e os contratos ativos, e a lista das próximas parcelas com as vencidas marcadas em vermelho.
01 · painelJP / 002
Lista das doze parcelas de um contrato de aluguel, com filtros por situação: sete confirmadas, uma atrasada, uma aguardando aprovação e as demais pendentes.
02 · parcelasJP / 002
Gaveta de uma parcela aguardando aprovação, com o valor, o vencimento, o comprovante Pix enviado pelo devedor e os botões para confirmar o pagamento ou contestar.
03 · comprovanteJP / 002
Tela de entrada do Quitto: à esquerda, um painel verde com a frase "Cada parcela no seu lugar."; à direita, o formulário de login com Google ou com e-mail e senha.
04 · entradaJP / 002

O catálogo

← JP / 001 · INÍCIO
  1. 002

    Quitto

    O credor cadastra, o devedor comprova e ninguém precisa cobrar na mão.    você está aqui
  2. 003

    SnipLink

    Um link curto que conta cada clique, com a API escrita junto do cliente dela.
  3. 004

    Sistema Operadora Virtual

    Uma plataforma nova para as empresas administrarem as próprias linhas móveis.