Desenvolvedor cria visualizador de notícias em multistream do YouTube com Claude Code

Um desenvolvedor criou o Beholder, um visualizador gratuito de múltiplas transmissões de notícias do YouTube que exibe dezenas de transmissões ao vivo de notícias simultaneamente em um layout de grade com dimensionamento automático. O projeto foi criado usando o Claude Code em uma instalação nova do Raspberry Pi.

Como o Claude Code foi usado

O desenvolvedor configurou um Raspberry Pi novo com o Claude Code, dando-lhe permissão para instalar o que fosse necessário para desenvolvimento e depuração. De acordo com o desenvolvedor, o Claude Code:

• Construiu toda a interface do usuário do frontend, incluindo componentes React para grade de transmissões adaptativa, navegador de canais, painel de configurações, barras de ticker, modais, notificações toast e layout responsivo para dispositivos móveis
• Criou um sistema de notificações toast para tratamento de erros, para que falhas de API não fiquem silenciosas
• Adicionou detecção de erros de transmissão que mostra transmissões quebradas/offline com uma sobreposição contendo um link do YouTube e um botão de remoção, em vez de apenas mostrar uma caixa preta
• Ajudou a avaliar os Termos de Serviço do YouTube para permanecer em conformidade na coleta de dados
• Depurou e corrigiu bugs causados pelo banco de dados de transmissões ao vivo e pelo software de varredura que o mantém atualizado
• Continua a lidar com tarefas administrativas como "Ei Claude, o URL da CNN está errado, faça uma nova varredura e atualize o banco de dados"

Recursos do aplicativo

O Beholder oferece:

• Mais de 200 canais de notícias ao vivo de 6 continentes em uma grade dinâmica que se redimensiona automaticamente para a sua tela
• Canais organizados por região (EUA, Europa, Ásia, África, América Latina) ou por classificação de viés midiático
• Ticker de notícias ao vivo com rolagem automática, puxando manchetes de mais de 30 feeds RSS (AP, Reuters, BBC, CNN, etc.)
• Ticker do mercado de ações em tempo real com cotações detalhadas, maiores movimentações e integração com o Yahoo Finance
• Ticker de interrupções da Internet alimentado pelo Cloudflare Radar, mostrando interrupções ativas por localização e causa
• Modo "Faça uma Pausa" que troca as notícias por músicas lo-fi, desenhos animados, câmeras da natureza e transmissões de meditação
• Funcionalidade de fixar/focar para ampliar qualquer transmissão enquanto mantém as outras visíveis
• Mudo por transmissão e global, alternância de legendas, colunas de grade ajustáveis e tamanho de fonte ajustável
• Compatibilidade com dispositivos móveis, tablets e desktops

Principais diferenças em relação a abrir várias abas do YouTube

• Scanner em segundo plano descobre continuamente quais canais estão realmente ao vivo no momento — sem links desatualizados
• Rótulos de viés em cada canal ajudam os usuários a diversificar conscientemente sua dieta de notícias (ou ocultar conteúdo indesejado)
• Capacidade de ver como a CNN, BBC, Al Jazeera e Fox cobrem a mesma história lado a lado

Tecnologias utilizadas

• Frontend: React, Vite, Cloudflare Pages
• Backend: Python/FastAPI, PostgreSQL, Railway
• APIs externas: YouTube API, Yahoo Finance API, Cloudflare Radar API, RSS

O desenvolvedor observa que isso começou como uma ferramenta pessoal para monitorar notícias de última hora e cresceu a partir daí. O aplicativo está disponível em https://beholder.news.