PORTAL DE NOTÍCIAS
// Overview: Portal de notícias moderno focado em acessibilidade, performance mobile e SEO profissional. Possui renderização dinâmica, testes automatizados, otimização de imagens e arquitetura baseada em Atomic Design.
Project_Contributions
Desenvolvimento completo do frontend com Next.js 16 e SSR para SEO eficiente.
Criação de backend em Express servindo dados localmente via JSON para prototipagem rápida.
Implementação de Dark/Light Theme com persistência e transições suaves.
Sistema de acessibilidade com 4 controles (fonte, contraste, espaçamento, escala de cinza).
Componentização escalável com Atomic Design (atoms → molecules → organisms → templates).
Paginação baseada em URL compartilhável e amigável para indexação.
Otimização de imagens com WebP automático, blur placeholders e preload SSR.
Estrutura de testes completa: 31 unitários (Jest + RTL) e 6 E2E (Playwright).
Deploy do frontend (Vercel) e backend (Render) com suporte a Docker e multi-stage builds.
Arquitetura preparada para expansão com SSR, ISR e pipelines de dados reais.
Technical_Features
Renderização server-side (SSR) para SEO real
Paginação indexável via URL
Dark/Light Theme com persistência
Sistema de acessibilidade integrado
Leitura por categorias e sessões fixas
Histórico das notícias acessadas recentemente
Arquitetura Atomic Design
Imagens otimizadas com lazy-loading
Testes unitários, de integração e E2E
End_Of_Transmission_Signal_Success