MERN Stack : MongoDB Node Express & React + Redux-Toolkit

欢迎来到这个终极 MERN Stack Web 开发课程。在本课程中，我们将在 MongoDB、Node、Express、React、Redux-Toolkit、Socket IO 以及 ES6 的帮助下构建 Full Stack Tour 应用程序。该项目将具有您想在任何全栈 Web 应用程序中添加的几乎所有基本功能，包括

身份验证功能。

使用电子邮件/密码和 Google 登录登录。

令牌过期的 JWT 身份验证。

保护用户数据的中间件。

CRUD 功能以及图像上传、搜索、过滤、分页、点赞、无限滚动等等。

使用 Redux-Toolkit 管理应用程序状态。

使用 createAsyncThunk 发出后端 API 请求。

客户端的路由保护。

当用户喜欢游览时，套接字 IO 可获取实时通知。

单独的个人资料页面以及更新功能。

应用程序中集成了 Disqus 评论系统。

使用 MDBootstrap 5 使 React 组件和应用程序响应。

在 Heroku 上部署后端。

在 Netlify 上部署前端。

注意：- 这是基于单个项目的课程，教您 MERN 堆栈技术。所以，这不是“Node/Express 简介”或“React 简介”之类的东西。我将尽我所能解释我将在代码编辑器中编写的所有内容。因此，建议对 React 和 Node/Express 有一些基本的了解。

Build and Deploy MERN Stack Tour App with MongoDB, Express, React, Redux-Toolkit, Node and Socket IO on Heroku & Netlify

Published 05/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 120 lectures (12h 19m) | Size: 6.54 GB

What you’ll learn
Learn to build Full Stack Application from Scratch
Implement Email and Google Authentication
Learn to upload image with React Node/Express
Learn how to connect React with Node Express and MongoDB
Learn to use Redux-Toolkit to manage App State
Learn JWT for Authentication & Authorization
Implement Route Protection in React
Learn to write REST API
Learn to use Socket IO for real time notification
Learn to Integrate Disqus Comment System
Search, Pagination, Like, Filter, Infinite Scroll and many more feature
Learn to use MDBootstrap 5 in React
Learn how to deploy MERN App on Heroku and Netlify

Requirements
Basic HTML, CSS and Javascript
Basic React JS
Basic ES6 Understanding
Good to have Node & Express Basics

Description
Welcome to this Ultimate MERN Stack Web Development course. In this course, we will build Full Stack Tour application with the help of MongoDB, Node, Express, React, Redux-Toolkit, Socket IO along with ES6 . This project will have almost all the essential features that you wanted to add in any Full Stack Web application including

Authentication feature.

Login with Email/Password and Google Sign-in.

JWT authentication with token expiry.

Middleware to protect User data.

CRUD feature along with Image Upload, Search, Filter, Pagination, Like, Infinite Scroll and many more.

Used Redux-Toolkit to manage application state.

Used createAsyncThunk to make backend API request.

Route Protection on Client side.

Socket IO to get real time notificiation when user like tour.

Seperate profile page along with update feature.

Integrated Disqus Comment system in application.

Used MDBootstrap 5 to make React component as well as App responsive.

Deploying Backend on Heroku.

Deploying Frontend on Netlify.

Note:- This is single project based course to teach you MERN stack techonology. So, this is not something like ‘Introduction to Node/Express’ or ‘Introduction to React’. I will try my level best to explain everything that I am going to write in code editor. So, it’s recommend to have some basic understand of React & Node/Express.

Who this course is for
Anyone who want to build and deploy full Stack MERN Application from Scratch.