game hub

ゲームハブ

GameHub は、プレイする新しくて興味深いゲームを見つけるのに役立つビデオ ゲーム発見 Web アプリです。 GameHub を使用すると、プラットフォームやジャンルなどからゲームを検索できます。

これは、私の Ultimate React コースで構築するプロジェクトです。全コースは https://codewithmosh.com でご覧いただけます。

はじめる

GameHub の使用を開始するには、次の手順に従います。

1. このリポジトリのクローンをローカル マシンに作成します。
2. npm install実行して、必要な依存関係をインストールします。
3. https://rawg.io/apidocs で RAWG API キーを取得します。まずアカウントを作成する必要があります。
4. API キーをsrc/services/api-client.tsに追加します。
5. npm run dev実行して Web サーバーを起動します。

コースについて

このコースは、熟練した React 開発者になるために知っておくべきことすべてを学べるように設計されました。このコースは 2 部構成のシリーズの最初の部分であり、基礎について説明します。次の方法を学びます。

• React と TypeScript を使用してフロントエンド アプリを構築する
• 再利用可能な関数コンポーネントを構築する
• バニラ CSS、CSS モジュール、CSS-in-JS を使用してコンポーネントをスタイル設定する
• コンポーネントの状態を管理する
• React Hook Forms を使用してフォームを構築する
• Zod を使用してフォーム検証を実装する
• React アプリをバックエンドに接続する
• React アプリをデプロイする
• VSCode ショートカットを使用して生産性を向上させる
• プロのようにきれいなコードを書く
• ベストプラクティスを適用する

このコースを終了するまでに、React をしっかりと理解し、React と TypeScript を使用して実際のアプリケーションを構築できるようになります。

全コースは https://codewithmosh.com でご覧いただけます。