2023年使用MERN技术栈构建Facebook克隆 | Build Facebook clone with REACT JS AND THE MERN STACK 2022

在本课程中，您将学习如何构建高级社交媒体 Facebook 克隆应用程序（2022 版），并掌握如何使用 React js、Node js、Express js、Mongodb 以及我们将在课程中使用的许多其他工具。
– 所以一开始我们将建立一个强大的身份验证系统，以便您可以注册、登录和重置密码，我们还将有一个使用 Formik 和 Yup 进行注册的验证系统，并带有友好的错误消息，以验证名称是否具有一定的长度或没有特殊字符，验证电子邮件和密码，验证日期以验证年龄，用户名将自动生成，我们将确保它是唯一的。
-我们还在创建一个邮件系统，我们将向用户发送验证链接和重置密码代码，并在用户注册后直接获得验证链接以激活帐户，因此我们也在学习如何创建 html 电子邮件。
– 我们有一个主页，您关注的人或朋友的所有帖子将与您的帖子混合显示，并按从最新到最旧的顺序排列。

– 您可以使用文本、表情符号、背景、图像创建帖子，并且可以像 Facebook 一样精美地完成。

-您可以对帖子做出反应并更改反应未反应，使用“喜欢”按钮来喜欢，不喜欢和删除现有反应，反应也将被显示和排序，并且您或删除的任何反应都将影响该直播而无需刷新。
– 您可以使用文字、表情符号和图片进行评论，评论也将被排序并在提交后直接更新。
-您可以保存/取消保存帖子、下载帖子图片、删除帖子…
-我们将对文件上传的大小和类型进行各种验证。
– 您将学习如何使用 crooper 裁剪、缩放、旋转、翻转图像。
– 您可以使用旧封面图片或带有裁剪缩放选项的新图片更新您的封面图片，并选择您要使用的图片部分，直接提交后，它将创建一个帖子，说明用户更新了他/她的封面图片。
– 您可以使用旧封面图片或新图片更新您的个人资料图片，并选择裁剪缩放并选择您要使用的图片部分，直接提交后它将创建一个帖子，说明用户更新了他/她的个人资料图片和您还可以使用文本和表情符号。
– 每个用户都有自己的个人资料，其中显示的所有详细信息包括封面、个人资料图片、详细信息（其他姓名、简历、工作、工作场所、关系…）、照片、朋友、帖子
-您可以更新所有详细信息并实时查看更改直接地。
– 我们将使用 Cloudinary 以一种新的创意方式上传我们的图像，您会印象深刻。
-我们有一个完整的友谊系统，您可以添加朋友，取消请求，接受请求，删除请求，取消朋友，关注，取消关注
-我们还有一个朋友页面，您可以在其中管理您所有的请求和朋友。
-当您键入新结果时，我们具有实时搜索功能，您单击的任何用户都将添加到您的搜索历史记录中，并且它也将按最新单击的顺序显示。
– 我们将在页面加载或从后端获取数据时使用骨架加载器，并在我们的应用程序中使用所有不同类型的加载器。
-我们将有受保护的路线。
– 我们将使用 react redux store 来设置一个全局 store 以在所有组件之间共享数据。
– 我们将使用详细解释的 react router dom v6。
– 我们将使用 cookie 和 JSON Web 令牌来临时存储数据。
– 我们将使用许多 react js 函数，如 useState、useEffect、useReducer、useRef、useCallback、事件监听器，并创建自定义挂钩。