Website Candidatura 2026

Descrição

Template white-label modular para candidatos políticos, construído sobre Drupal 11. Cada candidato é uma instância independente do projeto com branding customizado (nome, cores, partido, slogan). A plataforma é um site institucional de campanha com seções dinâmicas gerenciadas por parágrafos drag-and-drop:

Landing pages modulares com 20+ tipos de parágrafo (banners, sliders, cards, galerias de vídeo, FAQs, depoimentos, mapa de ação regional, dashboard de dados, widget de doação e central de downloads)
Galeria de vídeos com carrossel Swiper, suporte a Shorts (9:16) e formato normal (16:9), abertura via GLightbox sem sair do site
Sistema de vídeos RSS sem API para canais do YouTube e integração com YouTube Data API v3 para playlists
Agenda de eventos com data, local, organizadores e capacidade
Blog técnico com artigos, categorias, tags, autor com perfil e contador de visualizações assíncrono via JS Beacon.
Formulário de contato com envio via SMTP e proteção por CAPTCHA
Menu responsivo com drawer lateral em mobile e navegação por âncoras
SEO com metatags, rotas amigáveis via Pathauto e sitemap XML
WhatsApp flutuante com número configurável

Tecnologia:

Backend: Drupal 11, PHP 8.3, MariaDB 10.11, Drush CLI
Frontend: Twig, Tailwind CSS 3, SCSS, esbuild, Swiper.js (carrosséis), GLightbox (galeria de vídeo), GLightbox + YouTube IFrame API (vídeos externos)
APIs: YouTube Data API v3 (playlists), YouTube RSS (canais), REST API (contador de views)
DevOps: DDEV (ambiente local), SSH deploy para Hostinger, Drush deploy script com modo manutenção automático
Arquitetura: Tema customizado subtheme Olivero, módulos custom (video_gallery_source, content_views_counter, custom_menu, custom_forms), design system com tokens CSS configuráveis por candidato, accent color variável

Meu papel

Full Stack Developer — responsável por toda a arquitetura, desenvolvimento e deploy:

Criação do template white-label com sistema de personalização por candidato (cores, logo, partido, slogan)
Desenvolvimento do módulo reutilizável video_gallery_source com três modos (manual, RSS de canal, playlist via API) e cache de resultados remotos
Implementação de 20+ tipos de parágrafo drag-and-drop para construção de landing pages
Criação do pipeline de build frontend (SCSS → Tailwind → esbuild) com hot reload
Integração com YouTube Data API v3 e RSS para alimentação automática de vídeos
Sistema de contagem de visualizações assíncrono via JavaScript Beacon
Menu responsivo com drawer lateral, backdrop e fechamento automático ao clicar em links internos
Carousel de depoimentos com Swiper, rewind e alinhamento responsivo
Deploy automatizado via Drush com validação de conexão com banco e modo manutenção
Documentação do design system com variáveis CSS, tokens de cor e tipografia

Projeto reutilizável: para cada novo candidato, basta clonar o repositório, ajustar branding e conteúdo — sem alterar código.

Ver projeto

Galeria