Documentação completa da estrutura, banco de dados e componentes do site de mobilização de proprietários.
Página single-page com navegação sticky e scroll-spy. Cada seção cumpre um papel específico na jornada de mobilização.
Foto aérea/mapa como background, contador automático de dias de abandono, localização (750m do mar), badge de convite.
Impacto VisualBarra de progresso de adesões (X/102), quadro de obras pendentes com percentuais, números-chave, contador de visualizações.
Dados em Tempo Real3 pares comparativos: ruas, área de lazer e portal. Projeto prometido pela loteadora vs realidade atual do abandono.
Prova VisualMosaico de fotos datadas do local: portal, ruas, lotes, muro externo, portão enferrujado. Lightbox para ampliação.
DocumentaçãoExplicação da solução coletiva. Tabela comparativa COM vs SEM associação. Ilustração estilizada.
SoluçãoCards com legislação (Lei 6.766/79, Lei 4.591/64, Lei 13.465/2017), doutrina e jurisprudência (Tema 492 STF).
Credibilidade3 cards: custo estimado por lote, taxa mensal de manutenção, valorização esperada. Notas de transparência.
TransparênciaRoteiro de 5 etapas para convidar proprietários. Linguagem inclusiva, empática e prática.
FerramentaAccordion com 8+ perguntas frequentes: obrigatoriedade, dívidas, custos, Prefeitura, tentativas anteriores.
InterativoFluxograma de abordagem, mapa mental da estratégia, timeline do processo judicial. Gerados via Mermaid.
Visual17 etapas em 2 partes (abas interativas). Parte 1: Constituição (8 etapas). Parte 2: Retomada (9 etapas).
PlanejamentoTimeline interativa com 4 fases: Mobilização, Constituição, Jurídico, Obras. Barras de progresso atualizáveis.
AcompanhamentoGrid de depoimentos aprovados pelo admin. Formulário público para envio. Moderação antes da publicação.
Prova SocialRepositório com filtros por categoria (ata, notificação, contrato, foto, outro). Upload via S3.
RepositórioSistema de votação para data da assembleia. Identificação por CPF (voto único). Barras de resultado em tempo real.
DemocráticoGoogle Maps com marcadores de lotes, áreas comuns, portal, APP. Visualização espacial do empreendimento.
GeolocalizaçãoFormulário público com máscaras de CPF e telefone. Campos: nome, CPF, email, telefone, lote, forma de aquisição.
FormulárioFormulário 'Fale Conosco' com 7 assuntos pré-definidos. Notificação automática ao admin.
Canal DiretoAcesso protegido via /admin com autenticação. Gerenciamento completo de todos os dados do site.
Schema completo com tipos, constraints e relacionamentos. Clique em cada tabela para expandir os campos.
Demais tabelas são independentes (sem FK explícita)
Arquitetura full-stack moderna com tipagem end-to-end via tRPC.
Frontend com hooks, contexts e componentes funcionais. Roteamento via Wouter.
Estilização utility-first com design tokens e tema customizado.
RPC tipado end-to-end. Procedures públicas e protegidas. SuperJSON.
Schema-first com migrações automáticas. 11 tabelas.
Componentes acessíveis e customizáveis. Radix UI primitives.
Autenticação OAuth integrada. Storage S3 para documentos.
Componentes especializados que encapsulam lógica de negócio e interação com o backend.
Cores escolhidas para transmitir confiança, urgência e transparência.