HELLTV STORE

Детальний опис проекту HELLTV

Сервіс, який пропонує гравцям можливість відкривати кейси та вигравати шкіри CS:GO/CS2. Користувачі можуть виводити виграші на свій Steam-акаунт. Також доступний режим апгрейду для обміну шкір на більш цінні. Сайт включає реферальну програму та можливість отримання безкоштовних кейсів.

Проект складається з багатьох компонентів, як ігрових режимів та інвентарю, так і сторінок бонусів та реферальної програми

Стек

Скріншоти проекту

У проекті HELLTV STORE я виступив у ролі провідного розробника. Був відповідальний за СЕО та перехід на серверний рендеринг (SSR), що покращило продуктивність та доступність сайту. Моя робота включала розробку ігрових режимів, анімацій та взаємодію з дизайнерами та бекенд-розробниками

Один із двох основних режимів, розроблених на сайті, став UPGRADE. У цьому режимі користувачі можуть покращити свої шкіни CSGO/CS2. Чим менша різниця в ціні між ставкою та призом, тим вищий шанс.

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

Цей режим пропонує користувачеві заплатити лише за вхід, безкоштовно відкриваючи кейси. Кожен наступний кейс збільшує ризик програти. У будь-який момент користувач може або забрати вже отриманий виграш, або продовжити гру.

Переді мною стояло завдання розробити ігровий режим, забезпечити зручну навігацію та плавні анімації.

На цій сторінці перед користувачем демонструються всі наші доступні шляхи. Ціна та потенційний виграш відрізнялися у кожного шляху.

На цій сторінці міститься основний інтерфейс гри: ігрове поле, кнопки взаємодії, анімація відкриття кейсів та список потенційних призів.

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

Однією з моїх обов'язків було регулярне проведення код-рев'ю, створеного моїми колегами, що не тільки покращило якість коду в цілому, а й стало відмінним приводом для обміну знаннями та досвідом між розробниками.

Однією з обов’язків на проекті було моніторинг помилок у Sentry. Цей сервіс допоміг нашому проекту відстежувати реальні дані про помилки, які виникають у користувачів, дозволяючи швидко їх виявити та усунути.