Vladislav ushmankin. HELLTV main image

HELLTV STORE

HELLTV STOREプロジェクトの詳細な説明

プレイヤーがCS:GO/CS2のスキンを獲得できるケースを開けるサービスを提供しています。ユーザーは獲得した賞品をSteamアカウントに出力することができます。また、スキンをより価値のあるものに交換するアップグレードモードも利用可能です。サイトにはリファラルプログラムや無料ケースの取得機能も含まれています。

プロジェクトはゲームモードやインベントリーなど多くのコンポーネントで構成されており、ボーナスページやリファラルプログラムなども含まれています。

スタック

Angular
Typescript
Sentry
Figma
SSR
ウェブサイトに訪れる

プロジェクトのスクリーンショット

Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
1.

プロジェクトでの役割

HELLTV STOREプロジェクトでは、リード開発者として活躍しました。SEOとサーバーサイドレンダリング(SSR)への移行を担当し、サイトのパフォーマンスとアクセシビリティを向上させました。ゲームモードの開発、アニメーションの作成、デザイナーやバックエンド開発者との連携を含む仕事でした。

2.

私が開発したゲームモード

2.1.

UPGRADE

2.1.1.

モードの説明

サイトで開発された2つの主要モードの一つがUPGRADEです。このモードでは、ユーザーはCSGO/CS2のスキンをアップグレードすることができます。賭けと賞品の価格差が小さいほど、勝つチャンスが高まります。

helltv animation demonstration. Vladislav Ushmankin
2.1.2.

タスク

私の役割は、モードの開発とユーザーにとって正確に動作することを保証することでした。これには、ユーザーがログインしているかどうか、リクエストが落ちたかどうか、ユーザーの残高が十分か、スキンを持っているかなど、さまざまな状態を考慮し、それを滑らかなアニメーションで伴うことが含まれます。

helltv upgrade game. Vladislav Ushmankin
2.2.

SAMURAI

2.2.1.

モードの説明

このモードでは、ユーザーは参入するためのみ支払い、ケースを無料で開くことができます。次のケースはプレーヤーが失うリスクを増加させます。いつでもユーザーは既に得た賞品を持ち帰るか、ゲームを続けるかを選択できます。

helltv samurai game demonstration 1. Vladislav Ushmankinhelltv samurai game demonstration 2. Vladislav Ushmankin
2.2.2.

タスク

私の任務はゲームモードを開発し、使いやすいナビゲーションと滑らかなアニメーションを提供することでした。

2.2.3.

モードのページ

2.2.3.1.

モードのメインページ

このページでは、利用可能なすべてのパスがユーザーに表示されます。各パスの価格と潜在的な賞品は異なります。

helltv samurai game page. Vladislav Ushmankin
2.2.3.2.

ゲームフィールド

このページには、ゲームの主要インターフェースが含まれています。ゲームフィールド、インタラクションボタン、ケースオープニングアニメーション、潜在的な賞品のリストが含まれています。

helltv samurai game page 2. Vladislav Ushmankin
3.

プロジェクトでのその他の責任

3.1.

初心者の同僚への指導

このプロジェクトで、私は小規模な開発チームのリーダーとして、Angularや開発プロセスの細かい部分を教える機会を持ちました。これによりチーム全体の知識レベルが向上し、会社の様々な製品の効果的な開発に貢献しました。

3.2.

コードレビュー

私の責任の一つは、同僚が作成したコードの定期的なレビューであり、全体的なコード品質の向上だけでなく、開発者間での知識と経験の共有のための絶好の機会を提供しました。

3.3.

SENTRY

プロジェクトでの私の責任の一つは、Sentryでのエラーの監視でした。このサービスは、ユーザーに発生するエラーに関する実際のデータをキャッチし、迅速にそれらを検出して解決することを可能にしました。

Sentry screenshot. Vladislav Ushmankin
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide
Vladislav ushmankin. Slide