earthy-game

Налаштувати глобальну CSS/Tailwind тему з неоново-королівськими кольорами: фіолетовий (#7B2FBE, #9D4EDD) та золотий (#FFD700, #FFC107). Встановити глобальні змінні кольорів, шрифти, тіні та ефекти світіння (glow). Застосувати яскравий сучасний UI з неоновою королівською темою до всіх компонентів. Забезпечити узгодженість між усіма сторінками після впровадження макет-дизайнів.

Як Frontend Developer, реалізувати екран магазину з категоріями: монети, апгрейди (додатковий хід, видалення блоку, бомба, переміщення), косметичні предмети. Відображення цін, балансу монет, анімації покупки та підтвердження транзакцій. Переходи: Main Menu/Gameplay → Shop → Main Menu/Gameplay. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати основний ігровий екран з сіткою 10x10, відображенням рахунку, множника комбо, лічильника монет та доступних блоків для розміщення. Інтерфейс drag-and-drop для блоків, підсвічування можливих позицій, анімації знищення рядків/стовпців. Є центральною сторінкою у всіх user flow. Переходи: Main Menu → Gameplay → Shop/King Mode/Leaderboard. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран режиму King Mode з відображенням прогресу до 10,000 очок, спеціальною рамкою та анімаціями. Включити повну анімацію трансформації: затемнення екрану, золоте світло, поява корони, текст 'YOU ARE THE BLOCK KING!', вогняні частинки та вібрація. Переходи: Gameplay → King Mode → Leaderboard. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран реєстрації з полем введення нікнейму, вибором аватара з набору готових іконок та кнопкою гостьового входу. Валідація нікнейму, анімації вибору аватара. Сторінка використовується у New Player та Guest Player flow після Loading. Переходи: Loading → Registration → Main Menu. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран завантаження з анімованим логотипом корони з ефектом світіння та епічним королівським звуком. Анімація повинна бути плавною, з поступовим появленням логотипу та індикатором прогресу завантаження. JSX-макет вже існує — привести до повної відповідності. Сторінка є першою в user flow для всіх персон.

Як Frontend Developer, реалізувати сторінку налаштувань: перемикачі звуку (музика/SFX окремо), вібрація, відображення нікнейму та аватара з можливістю зміни, вихід з акаунту / конвертація гостя в повний акаунт. Збереження налаштувань локально та синхронізація з профілем. Переходи: Main Menu → Settings → Main Menu.

Як Frontend Developer, реалізувати головне меню з кнопками: Play, Levels, King Mode, Shop, Settings. Додати відображення монет гравця, щоденних нагород та аватара. Анімовані кнопки з ефектами наведення та натискання. Є центральним хабом у всіх user flow. Переходи: Registration/Loading → Main Menu → Gameplay/Levels/King Mode/Shop/Settings. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран вибору рівнів з відображенням 1000+ рівнів, зірок за проходження, заблокованих рівнів та спеціальних челенджів. Прокрутка з плавними анімаціями, фільтрація за типом рівня. Переходи: Main Menu → Levels → Gameplay. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран досягнень з переліком усіх досягнень, прогрес-барами, значками нагород та кнопками для отримання винагороди (монети). Категорії: ігрові, соціальні, King Mode. Переходи: Gameplay/King Mode → Achievements → Leaderboard/Main Menu. JSX-макет вже існує — привести до повної відповідності.

Як Frontend Developer, реалізувати екран таблиці лідерів з відображенням топ-гравців, їхніх аватарів, нікнеймів, рахунків та корон для King Mode гравців. Анімоване виділення поточного гравця, фільтри (глобальний / King Mode). Переходи: Gameplay/King Mode → Leaderboard → Achievements. JSX-макет вже існує — привести до повної відповідності.

Як Backend Developer, розробити API ендпоінти для реєстрації гравця (нікнейм + аватар), гостьового входу, отримання та оновлення профілю гравця. Валідація унікальності нікнейму, збереження аватара. Таблиця users (id, nickname, avatar_id, coins, created_at, is_guest). Підтримує Registration та Settings сторінки.

Реалізувати повну систему звукового супроводу: м'який клік при розміщенні блоку, вибух при очищенні ліній, королівська труба при 10,000 очок, епічна музика переможці для King Mode, звук при завантаженні. Менеджер звуку з контролем гучності та вимкненням. Налаштування звуку в Settings.

Як AI Engineer, реалізувати основну ігрову логіку: управління станом сітки 10x10, валідацію розміщення блоків, визначення заповнених рядків та стовпців, їх видалення та зсув. Алгоритм генерації випадкових фігур блоків. Перевірка умови завершення гри (немає доступних ходів). Використовується Gameplay сторінкою.

Як Backend Developer, розробити API системи досягнень: каталог з умовами, перевірка виконання після ігрових подій, нарахування нагород, прогрес гравця. Таблиці: achievements (id, title, condition JSON, reward_coins), user_achievements (user_id, achievement_id, progress, completed_at). Підтримує Achievements сторінку.

Як Backend Developer, розробити API для управління монетами: отримання балансу, нарахування (за рівні, досягнення, щоденні нагороди), списання (покупки, пауер-апи). Таблиця coin_transactions (id, user_id, amount, type, reference_id, created_at). Захист від дублювання (idempotency key). Підтримує Shop та Main Menu сторінки.

Як Backend Developer, розробити API для збереження стану гри (grid state, score, level, moves used) та завантаження прогресу гравця. Автозбереження кожні 30 секунд. Таблиця game_sessions (id, user_id, level_id, score, grid_state JSON, status, started_at, ended_at). Підтримує Gameplay сторінку.

Як Backend Developer, розробити API для King Mode: збереження факту досягнення 10,000 очок, рейтинг King Mode гравців, бейдж 'Block King' у профілі. Таблиця king_mode_records (user_id, score, achieved_at). Оновлення таблиці лідерів для King Mode. Підтримує King Mode та Leaderboard сторінки.

Реалізувати режим швидкості з таймером на кожен хід. Відображення зворотного відліку, зміна кольору таймера при критичному значенні (червоний), автоматичне завершення ходу при вичерпанні часу. Налаштування часу на хід (легкий/середній/важкий). Інтеграція з основною ігровою логікою. Використовується Gameplay сторінкою.

Як Backend Developer, розробити API таблиці лідерів: топ-100 гравців за рейтингом, позиція поточного гравця, оновлення рекорду після кожної сесії. Таблиця leaderboard_entries (user_id, mode, high_score, updated_at). Кешування топ-100. Підтримує Leaderboard сторінку.

Як AI Engineer, реалізувати систему нарахування очок: базові очки за розміщення блоків, бонуси за одночасне видалення кількох рядків/стовпців, комбо-множник (x2, x3 і т.д.) при послідовних очищеннях. Відображення анімованого множника та float-текст очок при нарахуванні. Використовується Gameplay сторінкою.

Як Backend Developer, розробити API та структуру даних для 1000+ рівнів: отримання списку рівнів з пагінацією, деталі рівня, прогрес гравця (зірки, best score). Таблиці: levels (id, config JSON, difficulty, type), user_level_progress (user_id, level_id, stars, best_score). Підтримує Levels сторінку.

Реалізувати задоволені анімації розміщення блоків: ефект 'плюху' при скиданні, анімація знищення рядків/стовпців (wave або flash), частинки при очищенні, плавне падіння нових блоків. Підсвічування валідних позицій при перетягуванні. Оптимізація для Android (60 fps). Використовується Gameplay сторінкою.

Реалізувати тригер та повну анімаційну послідовність King Mode трансформації при досягненні 10,000 очок: затемнення екрану, золоте світло знизу вгору, поява корони, текст 'YOU ARE THE BLOCK KING!' з ефектом друку, вогняні частинки, вібрація пристроєм, 5-секундне золоте тло з ефектом світіння. Використовується King Mode сторінкою.

Реалізувати нескінченний режим гри для досягнення максимального рахунку (high score). Збереження та відображення персонального рекорду, порівняння з попереднім результатом після завершення гри. Інтеграція з таблицею лідерів для нескінченного режиму. Використовується Gameplay та Leaderboard сторінками.

Реалізувати спеціальні рівні з унікальними умовами: заморожені блоки (frozen blocks — потребують кількох очищень), вибухові блоки (explosive blocks — очищають сусідів), рівні з таймером (timer-based), рівні з обмеженням ходів (move limits). Спеціальний UI для кожного типу умови та лічильники. Використовується Levels та Gameplay сторінками.

Оптимізувати всі сторінки для Android мобільних пристроїв: адаптивна сітка (360px–430px ширина), safe area insets, оптимізація touch events для drag-and-drop, мінімізація перерендерів (React.memo, useMemo), lazy loading. Перевірка на Android WebView та PWA.

Як AI Engineer, розробити алгоритм генерації конфігурацій 1000+ рівнів з прогресивною складністю: варіації фігур блоків, початкові блоки для challenge рівнів, розподіл типів (standard/frozen/explosive/timed/move-limited). Зберегти конфігурації як seed-дані для БД. Підтримує Levels сторінку.

Як Backend Developer, розробити API щоденних нагород: генерація нагороди за 7-денним циклом, перевірка отримання сьогодні, нарахування монет/пауер-апів. Таблиця daily_rewards (user_id, claimed_date, streak_day, reward_type, reward_amount). Підтримує Main Menu сторінку (відображення щоденної нагороди).

Як AI Engineer, реалізувати на бекенді event-driven систему перевірки досягнень: слухає ігрові події (score_updated, level_completed, king_mode_activated, item_purchased) та перевіряє умови. JSON-схема умов підтримує: threshold, count, streak, combination. Автоматичне нарахування нагороди. Підтримує Achievements сторінку.

Як AI Engineer, реалізувати механіку рідкісних золотих блоків: алгоритм випадкової появи, нарахування x5 очок при їх очищенні, спеціальна анімація (світіння, частинки). Налаштувати ймовірність появи. Використовується Gameplay сторінкою.

Як Backend Developer, розробити API магазину: каталог товарів з цінами, купівля з перевіркою балансу, інвентар гравця, використання пауер-апу під час гри з декрементом інвентарю. Таблиці: shop_items, user_inventory (user_id, item_id, quantity). Підтримує Shop сторінку.

Реалізувати UI та логіку використання пауер-апів під час гри: додатковий хід, видалення одного блоку, бомба-блок, переміщення блоків. Анімації активації кожного пауер-апу, списання монет, стан недостатнього балансу. Використовується Gameplay та Shop сторінками.

Налаштувати HTTP-клієнт (axios/fetch) з базовим URL та interceptors для JWT-токенів. Реалізувати API-сервіси для всіх ендпоінтів: auth, profile, game, levels, shop, leaderboard, achievements, daily rewards. Обробка помилок, retry-логіка, offline-стани. Підключити всі сторінки до відповідних API.