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.