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页面

忘记密码页面

---

主屏幕

首页

课程页面

书签页

付款结帐页面

现场课程页面

偏好页

老师的课程

老师上传细节

老师上传视频

---

响应式设计

移动设计身份验证

移动设计课程页面