Reddit Replica Frontend Copy

读取 FE

---

目录

• 关于
• 屏幕上的网站视频
• 网站特色
• 驱动链接
• 项目设置
• 贡献者

关于

• 一个模仿 reddit 前端部分的项目。
• Reddit 是一个社交新闻聚合、内容评级和讨论网站。注册用户（通常称为“Reddit 用户”）向网站提交内容，例如链接、文本帖子、图像和视频，然后由其他成员投票赞成或反对。帖子按主题组织到用户创建的面板中，称为“社区”或“reddits”。获得更多赞成票的提交内容会出现在其 Reddit 子版块的顶部，如果收到足够的赞成票，最终会出现在网站的首页。 Reddit 管理员负责管理社区。审核也由特定社区的审核员进行

来自网站的屏幕视频：

登录

SW1.mp4

添加评论

SW2.mp4

创建帖子

SW3.mp4

用户页面

SW4.mp4

用户设置

SW5.mp4

消息和通知

SW6.mp4

排行榜和 Reddit 子页面

SW7.mp4

审核页面

SW8.mp4

搜索和分享帖子

SW9.mp4

驱动链接：

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

网站特点：

• 验证
• 创建、更新、分享和删除帖子和评论。
• 创建所有类型的帖子（文本、链接、拖放一张或多张图像、拖放视频）。
• 对帖子和评论进行赞成/反对。
• 嵌套评论线程。
• 主页提要（首页）。
• Reddit 子版块特定提要。
• 创建子版块。
• 加入 Reddit 子版块。
• 添加禁止、静音、批准和邀请用户成为我的 Reddit 子版块的版主。
• 接受用户邀请成为版主。
• 查看我的 Reddit 子版块的流量状态。
• 在我的页面中查看我的帖子、评论、历史记录...。
• 更改我的头像，并添加横幅。
• ...以及更多！

运行项目的主要命令：

项目设置和安装包

 npm install

用于开发的编译和热重载

 npm run serve

默认在端口：8081 上运行项目

编译并缩小以用于生产

 npm run build

构建后在同目录下的/dist文件夹中找到该项目

运行您的单元测试

 npm run test

此命令运行所有单元测试。

生成覆盖率报告

 npm run coverage

此命令生成覆盖率报告index.html，包括有关所有组件的详细信息生成的覆盖率报告可以在项目目录中的/coverage下找到

运行模拟服务器

 npm run json

运行在端口：3000

生成功能文档报告

 vuese gen

在项目目录中的/website文件夹下生成报告

为商店生成功能文档报告

 npm run jsdoc

在项目目录的/out文件夹下生成报告

Lint 和修复文件

 npm run lint

更漂亮的文件并修复它

 npm run prettier

贡献者

阿斯玛阿德尔

梅纳塔赫·霍萨马尔登

诺尔汉雷达

霍达·加马尔

阿卜杜勒哈迈德迈德

卡里姆·萨克尔