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

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

Ratings: 4.29 / 5.00




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.

What You Will 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

Who Should Attend!

  • Anyone who want to build and deploy full Stack MERN Application from Scratch.