Galaxy Tap — гра-клікер у Telegram

Космічний Telegram WebApp, у якому гравці натискають для участі в боях, розвивають станцію та корабель і досліджують спільну систему прогресу.

Мета проєкту

Перенести короткі ігрові сесії в Telegram: запропонувати зрозумілий цикл боїв, збирання ресурсів і поліпшень зі збереженням прогресу між відвідуваннями.

Концепція

Гравець переходить між космічною станцією, боями та майстернею. Поліпшення станції й корабля, навички, завдання та рейтинг наповнюють кожну сесію. Вебінтерфейс, орієнтований на мобільні екрани, працює всередині Telegram. PHP API зберігає стан гравця в MongoDB, а сервіс Node.js з’єднує гру через Socket.IO. Окремі лендинги на Next.js знайомлять із продуктом.

Усередині Galaxy Tap

Оригінальні екрани гри, зняті з локально запущеного клієнта Telegram WebApp, підключеного до PHP API, MongoDB та WebSocket-сервісу.

Космічна станція Galaxy Tap із демонстраційними ресурсами гравця Nova — Космічна станція: ресурси гравця та доступ до розвитку

Бій Galaxy Tap з ігровою істотою в локальному демо — Бій: натискання, здоров’я істоти та нагороди

Майстерня Galaxy Tap із поліпшеннями технологій та керування — Майстерня: технології, керування та місії

Рейтинг Galaxy Tap із вигаданими демонстраційними гравцями — Рейтинг: вигадані гравці та їхній ігровий прогрес

Скриншоти показують локальне демо з вигаданим гравцем, ресурсами й записами рейтингу. Інтерфейс, графіка та логотип узяті з проєкту. Локальна оболонка Telegram надає демонстраційний профіль; це WebApp, а не нативний застосунок iOS чи Android. Платежі, операції з гаманцем і зовнішні дії вимкнено. Автентифікацію в реальному Telegram та грошові операції не перевірено.

Переваги

🚀 Грайте в Telegram — відкривайте WebApp без встановлення окремої нативної гри.
👾 Розумійте ігровий цикл — бої пов’язують натискання зі здоров’ям істоти та ігровими нагородами.
🛠️ Розвивайте свою базу — поліпшення станції, корабля й навичок дають кілька напрямів прогресу.
🎯 Обирайте наступну ціль — завдання та місії майстерні впорядковують доступні активності.
🏆 Порівнюйте прогрес — рейтинг показує досягнення гравців у спільному ігровому контексті.

Технології

Клієнт використовує Next.js 14, React 18 і TypeScript; у коді гри застосовано Legend State, TanStack Query, PixiJS і Phaser. API побудовано на PHP, Symfony 6.4, API Platform і Doctrine MongoDB ODM. Окремий сервіс Node.js та TypeScript використовує Socket.IO; ігрові дані зберігаються в MongoDB. Telegram WebApp забезпечує інтеграцію із середовищем запуску.

Next.js 14 / React 18 / TypeScript / Telegram WebApp
Legend State / TanStack Query / PixiJS / Phaser
PHP / Symfony 6.4 / API Platform / Doctrine MongoDB ODM
Node.js / Socket.IO / MongoDB

До портфоліо

Розробка гри для Telegram WebApp: Galaxy Tap

Galaxy Tap переносить космічний клікер у середовище Telegram. Кейс поєднує ігровий інтерфейс для мобільних екранів, збереження даних гравця та окремий сервіс обміну подіями в реальному часі.

Ігровий цикл для коротких сесій у Telegram

Відкривши мінізастосунок, гравець має розуміти наступний крок. Galaxy Tap пов’язує бої з ігровими ресурсами, поліпшеннями станції та корабля, активностями майстерні й завданнями. Ці екрани впорядковують розвиток без потреби в окремому нативному застосунку.

Зв’язок інтерфейсу зі збереженим станом гри

Клієнт на Next.js і React показує гру, Symfony API працює з документами гравців у MongoDB, а сервіс Node.js обробляє з’єднання Socket.IO. Розподіл відповідальності дає інтерфейсу доступ до збереженого прогресу та каналу ігрових подій. У вихідному коді також є лендинги на Next.js.

Що підтверджує демонстрація

У портфоліо використано оригінальні екрани ізольованого локального запуску та вигадані ігрові записи. Показано станцію, інтерфейс бою, майстерню й рейтинг. Вхід через реальний Telegram, транзакції гаманця та платежі не входять до цієї перевірки. Демо не є підтвердженням комерційних показників або доходу гравців.