Появилась минутка айдл тайм между проектами. Решил обновить тестовый таск который делал в самом начале поиска работы фронтенд разработчика.

Обновил игру и добавил новые возможности:

Pali4 Game — динамичная браузерная игра на скорость реакции и внимательность. Нажимайте на цели, собирайте бонусы, избегайте ловушек, улучшайте рекорды и поднимайтесь в глобальной таблице лидеров.

В игре доступны несколько режимов, система уровней, достижения, ежедневные задания, монеты, статистика игрока, облачное сохранение и синхронизация между устройствами. Игра работает прямо в браузере, поддерживает мобильные устройства, светлую и тёмную темы, музыку и несколько языков.

I had a little idle time between projects. I decided to update the test task I was doing when I was just starting out looking for a front-end developer job.

I’ve updated the game and added new features:

Pali4 Game is a fast-paced browser game that tests your reaction speed and attention span. Tap targets, collect bonuses, avoid traps, improve your score, and climb the global leaderboard.

The game features several modes, a leveling system, achievements, daily quests, coins, player stats, cloud saving, and syncing across devices. The game runs directly in your browser, supports mobile devices, light and dark themes, music, and multiple languages.

Pali4Game

Pali4 Game — это динамичная браузерная игра, в которой игроку необходимо быстро реагировать на появляющиеся цели, набирать максимальное количество очков, развивать своего персонажа и соревноваться с другими игроками в глобальном рейтинге.

Игра не требует установки, работает прямо в браузере на компьютерах, планшетах и смартфонах, автоматически сохраняет прогресс в облаке и поддерживает несколько языков.

---

Основные возможности

⚡ Динамичный игровой процесс

На игровом поле появляются различные типы целей, каждая из которых обладает собственным эффектом.

💎 Джекпот

Приносит большое количество очков.

☠️ Ловушка

Уменьшает итоговый результат.

+5s

Добавляет дополнительное время.

❄️ Заморозка

Временно замедляет или останавливает движение целей.

💣 Взрыв

Уничтожает соседние цели одним нажатием.

⚡ Молния

Превращает все текущие цели в джекпоты.

---

Игровые режимы

Игрок может выбирать различные режимы игры.

• Classic
• Blitz
• Survival
• Hardcore

Каждый режим имеет собственную механику, темп игры и систему подсчёта очков.

---

Прокачка игрока

Во время игры начисляются:

• XP
• монеты
• достижения

После накопления достаточного количества опыта игрок получает новый уровень.

Каждый уровень отображается красивой анимированной полосой прогресса.

---

Облачный профиль

Каждый игрок получает собственный профиль.

Профиль включает:

• никнейм
• аватар
• уровень
• XP
• количество монет
• лучший результат
• облачную синхронизацию

Весь прогресс автоматически сохраняется в Firebase.

---

Облачное сохранение

Игра автоматически синхронизирует между устройствами:

• достижения
• опыт
• монеты
• уровень
• настройки
• профиль
• статистику
• рекорды

При отсутствии Интернета используется локальное сохранение.

После подключения данные автоматически синхронизируются.

---

Глобальная таблица лидеров

Игроки могут соревноваться между собой.

Рейтинг хранится в облаке и отображает:

• имя игрока
• лучший результат
• лучший комбо
• игровой режим

---

Статистика игрока

Система ведёт подробную статистику.

Отображаются:

• лучший результат
• средний счёт
• количество игр
• количество попаданий
• количество промахов
• процент точности
• количество пойманных ловушек
• любимый режим
• общее время игры
• количество нажатий

---

Ежедневные задания

Каждый день автоматически генерируются новые задания.

Например:

• сыграть несколько игр;
• набрать определённое количество очков;
• собрать джекпоты;
• попасть по заданному числу целей.

За выполнение выдаются:

• XP;
• монеты;
• игровые награды.

---

Магазин

Игрок может тратить заработанные монеты на разблокировку новых элементов.

Доступны:

• игровые темы;
• формы игрового поля;
• декоративные элементы;
• оформление интерфейса;
• визуальные эффекты.

---

Система достижений

Во время игры открываются достижения за различные действия.

Например:

• первый рекорд;
• серия без ошибок;
• большое комбо;
• количество сыгранных партий;
• достижение нового уровня.

---

Красивый современный интерфейс

Интерфейс полностью адаптивен.

Поддерживаются:

• компьютеры;
• ноутбуки;
• планшеты;
• мобильные телефоны.

Есть:

• светлая тема;
• тёмная тема;
• анимации;
• плавные переходы;
• всплывающие подсказки.

---

Музыка и звук

Игрок может:

• включать и выключать музыку;
• регулировать громкость;
• выбирать музыкальное сопровождение;
• управлять звуковыми эффектами.

---

Мультиязычность

Игра поддерживает несколько языков:

• 🇺🇦 Українська
• 🇺🇸 English
• 🇷🇺 Русский
• 🇫🇷 Français
• 🇩🇪 Deutsch
• 🇰🇷 한국어
• 🇨🇳 中文
• 🇸🇦 العربية

Все элементы интерфейса переводятся автоматически.

---

Облачные технологии

В качестве серверной платформы используется Firebase.

Используются:

• Firebase Authentication
• Cloud Firestore
• Anonymous Authentication
• Cloud Sync

Это обеспечивает безопасное хранение данных и синхронизацию между устройствами.

---

Основные преимущества

• 🎮 Не требует установки
• ⚡ Быстрая загрузка
• ☁️ Облачное сохранение
• 🏆 Глобальный рейтинг
• 📊 Подробная статистика
• 🎯 Ежедневные задания
• 💰 Внутриигровая экономика
• 🏅 Система достижений
• 🌍 Мультиязычный интерфейс
• 📱 Полная адаптация под мобильные устройства
• 🌙 Светлая и тёмная темы
• 🔊 Настраиваемая музыка и звуковые эффекты
• 🚀 Работа прямо в браузере

Что можно добавить в следующих версиях

Есть несколько функций, которые могут заметно расширить игру:

• 👥 друзья и возможность приглашать игроков;
• 🏆 еженедельные и сезонные турниры;
• 🎁 ежедневные бонусы за вход;
• 📈 сезонный пропуск с наградами;
• 🤖 новые типы целей и уникальные игровые события;
• 🎨 дополнительные анимации, эффекты и коллекционные предметы;
• 🛡️ усиленная защита от читинга с серверной проверкой результатов.

Такой набор функций уже делает Pali4 Game полноценной облачной браузерной аркадой с системой прогрессии, соревнованиями и долгосрочной мотивацией для игроков.

Общение напрямую с заказчиком: Разница во времени 10 часов с LA, сложности перевода (никакой документации все на слух в звонке), но в итоге счатливый клиент и почасовая оплата ($)($)($)!

Анимация карточки выполнена с эфектом обмана вращения (только фронтальная видимая часть!)

Direct communication with the customer: 10 hour time difference with LA, translation difficulties (no documentation, everything is by ear during the call), but in the end a happy client and hourly payment ($)($)($)!

The animation of the card is done with the effect of deceiving the rotation (only the frontal part is visible!)

Новый проект на основе реакт и других библиотек. Сложно, но процесс запущен и есть первые выполненые таски! То к чему стремился изначально с момента первого урока на курсах. Спустя месяц уже есть полное понимание структуры проекта и его специфики.

A new project based on React and other libraries. It’s complicated, but the process has been launched and the first tasks have been completed! This is what I was striving for from the very first lesson on the courses. A month later, I already have a full understanding of the project structure and its specifics.

A full-fledged project workspace.monks.tools with a large team scattered around the world and in different time zones.
Purpose of the project: Provide tools for advertising developers and their clients. Simplify the process of setting a task, version control, making necessary edits, approval, and selecting previously created content…