Dio Focus Player Extension

Hoje compartilho um projeto que nasceu de um bom artigo que eu lí aqui na comunidade DIO.

A ideia inicial veio de um post do aluno Rafael Ruggieri, que levantou uma dor muito real de quem estuda com a tela dividida: assistir às aulas nem sempre é confortável quando o player divide espaço com a lista de conteúdos.

Depois de ler o artigo, decidi desenvolver o DIO Focus Player, uma extensão não oficial para Chrome que reorganiza localmente o layout das aulas da DIO para dar mais foco ao vídeo e mais controle ao estudante.

O projeto já conta com:

modo foco reversível
ocultação do cabeçalho, barra de progresso e lista de aulas
privacidade separada
landing page pública

Créditos pela inspiração inicial ao post do Rafael Ruggieri e à comunidade DIO, que continuam sendo uma fonte importante de ideias e melhorias reais para quem aprende tecnologia.

Landing page:

https://davidsonsilva.github.io/DIO-Focus-Player/

GitHub:

https://github.com/davidsonsilva/DIO-Focus-Player

Como o projeto acabou de ser enviado para revisão na Chrome Web Store, ainda pode levar alguns dias até ficar disponível para todos.

Se quiser acompanhar a evolução, deixar feedback ou compartilhar, será muito bem-vindo.

Usei uma stack bem enxuta e focada em performance:

Chrome Extension Manifest V3
JavaScript modular
HTML e CSS
Chrome APIs como storage e activeTab
esbuild para empacotamento
MutationObserver e ResizeObserver para reagir às mudanças da página
arquitetura inspirada em Clean Architecture com divisão em domain, application, infrastructure e presentation

Em resumo: é uma extensão leve, sem framework de UI, sem backend e sem telemetria.

Código aberto para quem quiser estudar, testar, sugerir melhorias e contribuir com o projeto.