Coursera Clone

Coursera克隆

完全響應的單頁應用程序使用MERN堆棧製作！ ？

技術使用

• 反應
• 節點
• Mongo DB
• 表達
• redux
• Redis
• 笑話

使用的數據庫

• 蒙哥
• Redis

---

入門

克隆回購到本地環境，您必須單獨安裝所有依賴項，以進行後端和前端。

對於後端，請轉到後端文件夾（CD後端）並運行npm i

• 安裝mongoDB

• 或者，您可以使用網站

• 添加您的環境變量

• 在後端文件夾的根目錄中創建一個.ENV文件，並在此處將您的令牌添加到Config Files變量。

  • access_token_secret =“一些秘密”
  • access_token_life =時間
  • refresh_token_secret =“一些秘密”
  • REFRESH_TOKEN_LIFE =時間
  • sendgrid_key =“”
  • mongo_database =“”
  • oauth2client =“”
  • stripe_secret_token =“”
  • redis_host =“”
  • redis_password =“”
  • redis_port =“”

注意：確保.env文件變量與以下圖像如下圖一樣匹配的配置文件。

對於前端，轉到前端文件夾（CD前端）並運行npm i

要運行開發環境，您可以使用npm start命令。這將啟動端口3000上的開發Web服務器，以及端口8080上的Nodemon-watch API服務器。

注意：您必須進行NPM啟動才能單獨進行後端和前端。

單位測試

您可以使用命令（NPM測試）測試後端，表示端點

Docker組成

Coursera Clone已被停靠，可以在此處找到Docker Hub存儲庫https://hub.docker.com/repository/docker/docker/ayushverma/coursera/coursera/general/general

如果您使用Docker和Docker組成，則可以使用以下方式啟動整個項目。

 docker-compose up

---

？特徵

學生

• 帶有註冊，登錄，OTP驗證，重新發射OTP，忘記密碼的身份驗證系統（通過Bootstrap警報完全驗證）
• Google身份驗證（OAUTH2）使用React-Google-Login和Google Auth-Library
• 與後端集成的條紋支付網關購買課程
• Redux商店輕鬆管理狀態
• 主頁的課程被絕對獲取
• 根據用戶的喜好推薦課程
• 課程的評級
• 書籤課程，用戶可以刪除或添加書籤
• 下載資源（PDF-註釋）
• 響應式視頻播放器的視頻播放器
• 進度欄
• 課程含義的課程所有內容
• 根據課程和老師進行搜索
• 實時實時小組課程

老師

• 具有註冊，登錄，OTP驗證，重新發出OTP，忘記密碼的正確身份驗證系統（通過Bootstrap Alert驗證）
• 具有描述，標題，圖像和其他詳細信息的全面驗證教師上傳表格
• ckeditor在文本框中寫作具有添加不同標題，段落，粗體，斜體，鏈接，表，尺寸等的能力
• 老師可以在上傳欄上最多上傳5個視頻以顯示進度
• 老師可以看到他們上傳的課程
• 老師可以刪除他們的課程
• 老師可以編輯他們的課程

使用開玩笑和超級末端進行測試。

使用socket.io實時實時小組課程，並用redis優化用於緩存消息

屏幕截圖

認證頁面

註冊頁

登錄頁面

OTP並重新發出OTP頁面

忘記密碼頁面

---

主屏幕

首頁

課程頁面

書籤頁

付款結帳頁面

現場課程頁面

偏好頁

老師的課程

老師上傳細節

老師上傳視頻

---

響應式設計

移動設計身份驗證

移動設計課程頁面