此存儲庫包含我的 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 腳本來單獨執行這些應用程式。
該存儲庫包含一個教程資料夾,其中包含每個視訊課程的文檔。這些文件並不是寫得很好的、詳盡的文件。然而,這些將保存我用來創建帶有程式碼片段和圖像的影片的腳本或註釋。因此,您可能會發現這些文件對於複製和貼上某些程式碼或以更有效的方式查看影片內容很有用。
或者,哎呀,一起跳過影片。我並不是為了錢(儘管可以隨意寄大筆錢給我或提供利潤豐厚的工作)。製作小眾的長影片教學永遠不會吸引太多觀眾。如果我想要的話,我會製作一般資訊影片或速成課程。