Некодер создает интерактивную панель управления MLB с помощью Claude AI и Claude Code в GitHub Codespaces.

Как не-разработчик создал функциональную панель управления MLB

Пользователь Reddit с минимальным опытом программирования (только школьные знания HTML/CSS) успешно создал живую панель управления MLB с помощью инструментов Claude AI. Пользователь начинал без знаний о GitHub, репозиториях, развертывании, фреймворках или даже базовых командах вроде npm install.

Процесс разработки с инструментами Claude

Пользователь объединил два продукта Claude: чат Claude для идей и Claude Code на GitHub Codespaces для реализации. Рабочий процесс включал:

• Использование чата Claude для генерации полной страницы инструкций по сборке, которые можно было напрямую вставить в Claude Code
• Прохождение с Claude настройки Node.js и объяснение, что такое терминал
• Получение автоматических исправлений, когда что-то ломалось во время разработки
• Следование инструкциям по настройке репозитория и подключению Claude Code к GitHub Codespaces
• Настройку GitHub Actions для сбора данных с веб-сайтов
• Подключение к Vercel для хостинга

Функции панели управления

Получившаяся панель управления на mlbhq.vercel.app включает:

• Живые счета игр во время активных матчей
• Отображение следующих запланированных игр команд
• Последние 5 игр с выпадающей статистикой матчей
• Статистику команд и питчеров из предыдущего сезона (обновится, когда начнется новый сезон)
• Таблицу лидеров и информацию о составе
• Отчеты о травмах, которые собирают данные со страниц отчетов о травмах каждой команды, показывая статус игроков и ожидаемые даты возвращения

Пользователь отмечает, что сайт был создан специально для создания панели управления со всей информацией о Yankees, хотя, похоже, охватывает несколько команд. Они признают потенциальные юридические проблемы с использованием данных MLB и доступом к API.

Соображения по среде разработки

Пользователь рассматривает возможность загрузки VS Code вместо продолжения использования исключительно GitHub Codespaces, предполагая, что Codespaces предоставили достаточную среду разработки для этого проекта, несмотря на отсутствие предварительного опыта.