QUITA

2026 Sistema Web Contas a Pagar

Sobre o Projeto

O QUITA é um sistema web de contas a pagar desenvolvido para apoiar rotinas financeiras e administrativas em um contexto escolar. A aplicação centraliza o controle de lançamentos, pagamentos, vencimentos, categorias e filtros por unidade, oferecendo uma visão clara da situação financeira em tempo real.

Visão Geral

O foco do projeto foi combinar usabilidade, controle operacional e automação, com uma interface simples para o dia a dia e recursos suficientes para análise e tomada de decisão.

O que o sistema faz

  • Cadastro e gerenciamento de contas a pagar
  • Controle de status das contas: pendente, pago e cancelado
  • Filtros por mês, unidade e categoria
  • Visualização de indicadores financeiros e resumo gerencial
  • Geração de relatórios em PDF para impressão e compartilhamento
  • Autenticação e controle de acesso por usuário
  • Integração com Supabase para persistência e backend
  • Rotina de keep-alive para evitar inatividade do banco em produção

Tecnologias Utilizadas

Next.js 15 React 19 TypeScript Tailwind CSS Supabase jsPDF jspdf-autotable Radix UI Lucide React Vercel

Arquitetura e Organização

O projeto segue uma estrutura moderna de aplicação web com componentes reutilizáveis, tipagem forte e integração direta com serviços em nuvem.

  • Frontend em Next.js com App Router
  • Componentes de interface reutilizáveis
  • Contexto de autenticação e proteção de rotas
  • Camada de acesso ao Supabase
  • Geração de PDF no frontend com layout pensado para impressão A4
  • Schema SQL versionado para configuração do banco

Diferenciais do Projeto

  • Interface objetiva, voltada para operação diária
  • Relatórios em PDF com visual executivo e preparado para impressão
  • Estrutura tipada em TypeScript para reduzir erros e facilitar manutenção
  • Foco em experiência do usuário, organização visual e leitura rápida dos dados
  • Integração completa entre tela, dados e exportação de relatórios

Meu Papel

  • Desenvolvimento da interface e da lógica de negócio
  • Modelagem dos tipos e estrutura de dados
  • Integração com Supabase
  • Implementação da autenticação e proteção de rotas
  • Criação do gerador de relatórios em PDF
  • Ajustes de UX/UI para uso prático no dia a dia

Depoimento

"O QUITA organizou nosso fluxo financeiro de um jeito muito mais claro. Agora conseguimos acompanhar vencimentos, pagamentos e relatórios sem depender de planilhas soltas, e isso trouxe agilidade para a equipe no dia a dia."

Financeiro - Colégio Attos

Resumo para Portfólio

O QUITA é uma aplicação web para controle de contas a pagar, desenvolvida com Next.js, React, TypeScript e Supabase. O sistema organiza lançamentos financeiros, permite filtros operacionais, exibe indicadores de acompanhamento e gera relatórios em PDF prontos para impressão. O projeto foi construído com foco em clareza visual, automação e confiabilidade para rotinas administrativas.