Об этом проекте

Ludo-Base — это децентрализованный игровой опыт Ludo, построенный на Base и реализованный как приложение Next.js 16, готовое к интеграции с Farcaster. Проект сочетает в себе интерфейс панели управления в стиле глассморфизма с подключением ончейн-кошельков и системой многопользовательских комнат. Функционал - Игровое лобби: процесс настройки с заголовками разделов в виде пилюль, горизонтальным выбором игровых режимов, типами матчей (1v1, 2v2, 4P), зоной ставок с большим числовым вводом, элементами управления шагом и чипами быстрого выбора, а также кнопками QUICK MATCH и WITH FRIENDS. - Геймплей: app/components/Board.tsx реализует основное поле Ludo, а app/components/SnakesBoard.tsx предоставляет вариант «Змеи и лестницы». - Многопользовательский режим: PeerJS совместно с hooks/TeamUpContext.tsx управляет состоянием создания и присоединения к комнатам для игры с друзьями. - Сохранение данных: lib/matchRecorder.ts содержит вспомогательные функции для сохранения результатов матчей на базе Supabase. - Кошелек и ончейн: Wagmi и Coinbase OnchainKit обеспечивают интеграцию кошелька для сети Base. Технологический стек Next.js 16 (App Router), React 19, TypeScript 5, Tailwind CSS 4, Framer Motion, Wagmi + Coinbase OnchainKit, Supabase и PeerJS. Визуальное направление Документированное визуальное направление представляет собой темную поверхность в стиле «терминального стекла» с голубыми акцентами (#00E5FF) для фокуса и активных состояний, градиентными фонами в угольных/графитовых тонах (#0B0F14 — #141A22) с легким шумом текстуры и моноширинным вспомогательным текстом. В README также зафиксированы соглашения об абсолютных путях к файлам относительно репозитория, именовании React-компонентов в PascalCase и кратких, ориентированных на действие текстах интерфейса, согласованных для мобильных и настольных версий. Локальный запуск Требуются Node.js 20+ и npm. Установите зависимости с помощью npm install, затем запустите сервер разработки через npm run dev; приложение будет доступно по адресу http://localhost:3000. Для продакшн-сборки используйте npm run build, затем npm start; линтинг доступен через npm run lint. Необходимо создать файл .env.local со значениями для выбранного контекста развертывания, включая настройки кошелька/сети, Supabase и интеграции Farcaster/Neynar. Статус и нюансы В README указано состояние проекта по состоянию на март 2026 года; последние записи в журнале изменений касаются макета лобби, отступов, стилизации управления ставками, состояний типов матчей и корректировок темы/футера. Некоторые панели все еще используют плейсхолдеры или мок-данные, пока расширяется бэкенд, а потоки TeamUp и сохранения матчей требуют дальнейшей доработки для обработки переподключений и граничных случаев. В репозиторий включены документ по геймдизайну и руководство по визуальным активам.