Saltar para o conteúdo
Renato VieiraDigital Builder←Todos os projetos
00
  • PT-BRPortuguês (Brasil)
  • ENEnglish
  • PT-PTPortuguês (Portugal)
  • 中文简体中文
  • 日本語日本語
Manaus
  1. 01InícioDe volta ao sinal
  2. 02ProjetosCada projeto, a fundo
  3. 03SobreComo eu penso e trabalho
  4. 04CertificadosVinte e três certificados, um mural
  5. 05ContactoConte-me o que está a construir
dev.renatovieira@gmail.com
  • GitHub ↗
  • LinkedIn ↗
  • WhatsApp ↗
  • Currículo ↗ (PDF em português do Brasil, abre num novo separador)
  • PT-BR
  • EN
  • PT-PT
  • 中文
  • 日本語
Comparação de três candidatos à Presidência lado a lado: candidaturas, doações, fundo eleitoral, despesas contratadas e pagas, bens declarados e sinais de alerta, cada um com uma barra proporcional.

Fig. Candidate Search, ferramenta de dados cívicos

  1. Renato Vieira
  2. Projetos
  3. Candidate Search

Estudo de caso · Personal project

Candidate Search

A ficha pública de qualquer candidato brasileiro, com a fonte oficial por detrás de cada número.

Cliente
Personal project
Tipo
Ferramenta de dados cívicos
Papel
Fork, redesign e funcionalidades de front-end
Ano
2026
01

01Visão geral

Uma aplicação web só de leitura sobre uma base de dados SQLite de 12 GB construída a partir de fontes oficiais (Tribunal Superior Eleitoral, Receita Federal e Portal da Transparência): candidaturas de 2014 a 2026, doações e despesas de campanha, bens declarados e sinais de alerta, organizados por pessoa, com o ficheiro, o URL, a data de recolha e o SHA-256 de cada registo à distância de um clique. É um fork do EloSys, um projeto de código aberto; a minha parte foi a nova identidade, o front-end e as funcionalidades à volta dele.

02

02O problema

Os dados eleitorais brasileiros são públicos, mas estão espalhados por ficheiros ZIP anuais com mais de um gigabyte cada, em formatos diferentes. Reunir o histórico de um candidato obriga a descarregar, cruzar registos por CPF e CNPJ e depois confiar num número sem conseguir dizer de onde veio.

02A abordagem

Manter o pipeline de dados e refazer aquilo em que o leitor toca. Os coletores do EloSys guardam cada registo com uma cadeia de proveniência até ao ficheiro original e ao seu hash, e a aplicação web abre a base de dados só em modo de leitura. Mudei o nome ao projeto, troquei o painel escuro por um aspeto cívico e sóbrio, e acrescentei as ferramentas que as pessoas procuram quando investigam alguém: favoritos, comparação lado a lado, exportação, partilha e impressão.

03

03A construção

O que foi de facto construídoO que foi de facto construído

  1. 01

    Um novo sistema visual aplicado a todas as páginas: tema claro por omissão e um escuro, Public Sans e IBM Plex Mono, um logótipo de lupa com visto, barra lateral e barra superior redesenhadas, e um layout para telemóvel com menu lateral que respeita a preferência de reduzir o movimento.

  2. 02

    Favoritos em qualquer ficha (candidato, CPF ou CNPJ) fixados na barra lateral, e pesquisas recentes com navegação por teclado na paleta de pesquisa Ctrl K que já existia, tudo guardado no navegador, sem conta.

  3. 03

    Uma página para comparar até três candidatos: candidaturas, doações, fundo eleitoral, despesas contratadas e pagas, bens declarados e sinais de alerta, com barras proporcionais e uma ligação partilhável. E ainda exportação CSV em todas as tabelas, cópia de CPF e CNPJ com um clique, partilha da ligação e um layout de impressão.

  4. 04

    Uma cache em memória para as agregações mais pesadas, o ranking de bens declarados e os maiores fornecedores de todos os anos, que demoravam até cerca de um minuto na base completa, com um script de pré-carregamento e um modo de arranque na rede local para que outras pessoas usem a cópia de uma só máquina.

Tecnologia

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • SQLite
  • better-sqlite3
  • React Flow
  • Python
04

04A experiência

Ficha de candidato no modo “Ver fontes”, com uma janela de proveniência que mostra fonte, organismo, URL do ficheiro, data de recolha, SHA-256, parser e base legal. O CPF está desfocado.
Ver fontes: qualquer número abre o ficheiro oficial de onde saiu, com o seu hash.
Ficha de candidato no telemóvel: nome, cargo, partido e ano, botões de ação e totais de doações. O CPF e o número de eleitor estão desfocados.
Ficha do candidato, no telemóvel.
Emendas parlamentares pagas a empresas, com autor, empresa e CNPJ, e valor, com campo de pesquisa e exportação CSV.
Emendas: quem enviou dinheiro do orçamento federal para que empresa, exportável em CSV.
Janela de proveniência no telemóvel, com fonte, organismo, URL, data de recolha e SHA-256.
Proveniência, no telemóvel.
Menu lateral aberto no telemóvel, com as secções principais e cada sinal de alerta com a sua contagem.
Navegação, no telemóvel.
05

05Em que ponto está

Corre localmente sobre a base de dados disponível para descarga (cerca de 12 GB depois de extraída); não está publicada na internet. Os coletores, as regras de deteção e o modelo de proveniência vêm do EloSys. Os sinais de alerta são indícios, não provas.

Projeto seguinteCarterCarter · E-commercePágina inicial da Carter: o logótipo dourado da Carter sobre azul-marinho ao lado do título “Carter - lojas manauara exclusivas shopay-canvi.”, por cima de uma faixa de fotografias de produtos.

© 2026 Renato Vieirav1.0.0 · e9b8599

Manaus, Amazonas, Brasil

Desenhado e desenvolvido por Renato. Tipografia: Instrument Sans & Serif.

GitHubLinkedInVoltar ao topo ↑
Renato Vieira
Digital BuilderManaus, Brasil