发布于 2026-01-06 0 阅读
0

我使用 MERN 技术栈创建了一个 Facebook 克隆版。

我使用 MERN 技术栈创建了一个 Facebook 克隆版。

各位开发者,大家好!我从零开始创建了一个 Facebook 克隆版,并添加了从基础到高级的所有功能。

我创建这些项目是为了学习目的。

后端

  1. Node.js
  2. Expressjs
  3. MongoDB
  4. Socket.io
  5. 赫罗库

前端

  1. React
  2. Material UI
  3. 表情符号
  4. 图标
  5. 谷歌地图
  6. Socket.io 客户端
  7. Firebase——用于图像存储

特征

  1. JWT 身份验证
  2. 创建帖子
  3. 标签好友
  4. 位置共享
  5. WebRTC
  6. 表情符号
  7. 发布已查看隐私
  8. 分页
  9. 实时发送、接受、拒绝好友请求
  10. 包含 Facebook Messenger
  11. 实时通知
  12. 轮廓
  13. 设置
  14. 深色和浅色模式

还有更多知识等待我们去学习和探索……

Github 后端

Github 前端

该项目是使用Create React App启动的。

可用脚本

在项目目录中,您可以运行:

npm start

以开发模式运行应用程序。
打开http://localhost:3000在浏览器中查看。

如果您进行编辑,页面将重新加载。
您还将在控制台中看到任何代码检查错误。

npm test

以交互式观察模式启动测试运行程序。有关更多信息,请参阅“运行测试”
部分。

npm run build

将应用程序构建到build指定文件夹,以用于生产环境。
它会在生产模式下正确打包 React,并优化构建以获得最佳性能。

构建版本已压缩,文件名包含哈希值。
您的应用已准备好部署!

请参阅部署部分了解更多信息。

npm run eject

注意:这是单向操作。一旦操作完成eject,就无法撤销!

如果您对构建工具不满意……

文章来源:https://dev.to/harshmangalam/i-have-created-facebook-clone-in-mern-stack-4agn