Não programador constrói painel ao vivo da MLB usando Claude AI e Claude Code no GitHub Codespaces
Como um não-desenvolvedor criou um painel funcional da MLB
Um usuário do Reddit com experiência mínima em programação (apenas conhecimento de HTML/CSS do ensino médio) criou com sucesso um painel ao vivo da MLB usando ferramentas de IA Claude. O usuário começou sem conhecimento de GitHub, repositórios, implantações, frameworks ou até comandos básicos como npm install.
Processo de desenvolvimento com ferramentas Claude
O usuário combinou dois produtos Claude: Claude chat para ideação e Claude Code no GitHub Codespaces para implementação. O fluxo de trabalho envolveu:
- Usar o Claude chat para gerar uma página completa de instruções de construção que poderiam ser coladas diretamente no Claude Code
- Ter o Claude guiando a configuração do Node.js e explicando o que é um terminal
- Receber correções automáticas quando algo quebrava durante o desenvolvimento
- Seguir orientações para configurar um repositório e conectar o Claude Code ao GitHub Codespaces
- Configurar GitHub Actions para coletar dados de sites
- Conectar ao Vercel para hospedagem
Recursos do painel
O painel resultante em mlbhq.vercel.app inclui:
- Placares ao vivo quando os jogos estão ativos
- Exibição dos próximos jogos agendados dos times
- Últimos 5 jogos com estatísticas detalhadas em menus suspensos
- Estatísticas de times e arremessadores da temporada anterior (serão atualizadas quando a nova temporada começar)
- Classificações e informações de elenco
- Relatórios de lesões que coletam a página de relatórios de lesões de cada time, mostrando status dos jogadores e datas esperadas de retorno
O usuário observa que o site foi construído especificamente para criar um painel com todas as informações sobre os Yankees, embora pareça cobrir vários times. Eles reconhecem possíveis questões legais com o uso de dados da MLB e acesso à API.
Considerações sobre o ambiente de desenvolvimento
O usuário está considerando se deve baixar o VS Code em vez de continuar usando exclusivamente o GitHub Codespaces, sugerindo que o Codespaces forneceu um ambiente de desenvolvimento suficiente para este projeto, apesar da falta de experiência prévia.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
OpenClaw na AWS Lightsail: Análise de Custos e Lições de Configuração
Um desenvolvedor gastou US$ 100 em uma semana executando o OpenClaw no AWS Lightsail com Claude Sonnet 4.6 via Bedrock, descobrindo que configurações de sandbox, gerenciamento de tokens e tamanho do prompt impactam significativamente a funcionalidade e os custos.
Construindo uma CLI de Revisão de Código com IA usando Claude: Um Caminho Não Tradicional
GrandCru é um CLI de revisão de código desenvolvido por um ex-oficial militar usando Claude IA. Ele apresenta esquema Zod de duplo canal para feedback técnico e prosa criativa.
OpenClaw e Integração n8n para Geração de Imagens em Lote
Um desenvolvedor compartilha um fluxo de trabalho usando OpenClaw para compreensão de intenção e n8n para geração de imagens em lote, com Google Sheets para organização. A configuração usa MiniMax M2.7 via Atlas Cloud e economiza tokens separando o planejamento da execução.
Project Slayer: Jogo de tiro no navegador inspirado em Halo, desenvolvido com Claude Code
Um desenvolvedor criou o Project Slayer, um shooter de arena inspirado em Halo jogável no navegador, usando Claude Code (Opus 4.6) ao longo de duas semanas com aproximadamente 200 horas de trabalho e mais de 400 commits no git. O jogo roda no FP Engine, um motor de jogo personalizado construído sobre o Babylon.js.