このリポジトリには、リアルタイムの WebSocket ベース (ハイフンでつながれた用語を必要に応じて追加します) ランク付けされた選択肢の投票アプリを構築するための私の Ranker Youtube チュートリアルのプロジェクト コードが含まれています。
あなたやあなたの友人が、出かける熱意が完全に消えてしまうほど熟考に時間を費やすことなく、見るべき映画、休暇の目的地、または食事の場所を選ぶのに役立つことを願っています。
アプリケーションの概要をチェックして、興味があるかどうかを判断してください。
このプロジェクトには、チュートリアルの最初から進めるために使用できるstarterブランチが含まれています。スターター ブランチのクローンを作成するか、degit などのツールを使用して履歴なしでリポジトリのコピーを取得することができます。
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#starterこのリポジトリには、各チュートリアルのブランチも含まれます。したがって、コースの後の時点で参加したい場合は、そのブランチを複製するか、上記と同様にdegitを使用しますが、次のように starter をブランチ名に置き換えます。
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#{branch}アプリケーションを実行するには、いくつかの前提条件ツールをインストールする必要があります。
まず、 docker-composeコマンドを実行できる必要があります。 Docker Desktop を使用して Docker をインストールできる場合は、それがおそらく最も簡単な解決策です。
次に、クライアント アプリケーションとサーバー アプリケーションの両方に NodeJS が必要です。 nvm または nvm-windows を使用し、プロジェクトのルートにある .nvmrc ファイルにあるのと同じバージョンのノードを使用することをお勧めします。プロジェクトのルートからnvm use実行して、私と同じバージョンのノードを使用していることを確認できます。
すべてがインストールされ、マシン上で Docker が実行されたら、プロジェクトのルートから次のコマンドを実行して、 redis-jsonを実行する Docker コンテナー、バックエンドの Nest JS アプリケーション、およびフロントエンドの React アプリケーションを起動できます。
npm run startプロジェクト ルートのpackage.jsonファイルとその npm スクリプトは、基本的にはすべてのアプリケーションとデータベースを一度に実行するためだけのものです。
各プロジェクトのpackage.jsonファイル内で適切な npm スクリプトを実行することで、これらのアプリケーションを個別に実行することもできます。
このリポジトリには、各ビデオ レッスンのドキュメントを保持するチュートリアル フォルダーが含まれています。これらは、よく書かれた詳細な文書を意図したものではありません。ただし、これらには、コード スニペットと画像を含むビデオを作成するために使用するスクリプトまたはメモが保持されます。したがって、これらのドキュメントは、コードをコピーして貼り付けたり、ビデオのコンテンツをより効率的に確認したりするのに役立つ場合があります。
または、ビデオをまとめてスキップしてください。私はお金のためにこの仕事をしているわけではありません（ただし、私に巨額のお金を送ったり、高収入の仕事を提供したりするのは遠慮なくしてください）。ニッチで長いビデオチュートリアルを作成しても、多くの視聴率を獲得することはできません。それがやりたければ、一般的な情報ビデオや短期集中コースを作成するでしょう。
