Website Comunidade PHP Belém

Ano

2026

Descrição

Site oficial da comunidade PHP Belém, uma plataforma completa que reúne:

- Site institucional com seções dinâmicas gerenciadas por 16 tipos de parágrafos (banners, sliders, cards, galerias, FAQs, depoimentos, grade de patrocinadores, etc.)
- Área do aluno com matrícula, progresso de cursos, player de vídeo com retomada automática, download de materiais e emissão de certificados com código de verificação
- Blog técnico com artigos, categorias, tags, autor com perfil, contador de visualizações assíncrono (JS Beacon)
- Sistema de cursos gratuito com módulos e aulas, conteúdo programático estilo accordion, favoritos
- Sistema de eventos com inscrição, informações de local/data/plataforma, organizadores e patrocinadores
- Certificados gerados automaticamente ao concluir 100% do curso, com página pública de verificação por UUID
- Painel administrativo completo via Drupal — todo o conteúdo é gerenciável sem código
- Modo escuro/claro com preferência persistida via localStorage e detecção de prefers-color-scheme

Tecnologias

Backend: Drupal 11, PHP 8.4, MariaDB 10.11, PostgreSQL 18 (múltiplos ambientes)
Frontend: Twig, Tailwind CSS 3, SASS/SCSS, esbuild, GSAP + ScrollTrigger (animações), Swiper.js (carrosséis), GLightbox (galeria), Plyr (player de vídeo)
APIs & Serviços: REST API (contador de views assíncrono), Mercado Pago (pagamentos), YouTube IFrame API (vídeos externos)
DevOps: DDEV (ambiente local containerizado), GitHub Actions (CI/CD), SSH deploy para Hostinger, Drush (CLI Drupal)
Arquitetura: Temas customizados via subtheme Olivero, módulos custom (custom_aluno, custom_pagamento, content_views_counter, certificate_generator), design system documentado com variáveis OKLCH, dark-first com light mode

Meu papel

Full Stack Developer — responsável por todo o ciclo de desenvolvimento do projeto, desde a arquitetura inicial até o deploy em produção:
- Definição da arquitetura Drupal (content types, taxonomias, parágrafos, entidades customizadas)
- Desenvolvimento dos módulos custom (área do aluno, progresso de cursos, certificados, pagamentos, contador de visualizações)
- Criação do tema customizado com Tailwind CSS e pipeline de build (SASS → Tailwind → esbuild)
- Implementação de todos os 16 tipos de parágrafo e 7 templates de node
- Integração com Mercado Pago para cobrança de cursos premium
- Configuração do pipeline de deploy automatizado (GitHub Actions → Hostinger)
- Otimização de performance (image styles WebP, lazy loading, cache, remoção de dependências não utilizadas)
- Design system completo com suporte a dark/light mode e variáveis CSS OKLCH

Ver projeto

Galeria