此存储库包含我的 Ranker Youtube 教程的项目代码,该教程有关构建实时、基于 websocket(根据需要添加另一个连字符的术语)排名选择投票应用程序!
我希望它能帮助您和您的朋友选择要看的电影、度假的目的地或找到吃饭的地方,而不必浪费太多时间考虑而让您外出的热情彻底消失!
查看应用程序概述以确定您是否感兴趣!
该项目包含一个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 脚本来单独运行这些应用程序。
该存储库包含一个教程文件夹,其中包含每个视频课程的文档。这些文件并不是写得很好的、详尽的文件。然而,这些将保存我用来创建带有代码片段和图像的视频的脚本或注释。因此,您可能会发现这些文档对于复制和粘贴某些代码或以更有效的方式查看视频内容很有用。
或者,哎呀,一起跳过视频。我并不是为了钱(尽管可以随意给我寄大笔钱或提供利润丰厚的工作)。制作小众的长视频教程永远不会吸引太多观众。如果我想要的话,我会制作一般信息视频或速成课程。