Udemy

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

Enroll Now
  • 145 Students
  • Updated 6/2022
4.3
(24 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
12 Hour(s) 19 Minute(s)
Language
English
Taught by
Saumitra Vishal
Rating
4.3
(24 Ratings)

Course Overview

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

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.

Course Content

  • 10 section(s)
  • 120 lecture(s)
  • Section 1 Introduction
  • Section 2 Set-Up Backend
  • Section 3 Backend Authentication
  • Section 4 Optional: Understand Redux-Toolkit
  • Section 5 Set-Up Frontend
  • Section 6 Frontend Authentication
  • Section 7 Creating New Tour
  • Section 8 Middleware
  • Section 9 Home, Tour Detail & Dashboard
  • Section 10 Route Protection and Spinner

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


Reviews

  • A
    Anonymized User
    1.0

    The course is very old

  • N
    Nitesh Navhal
    5.0

    very nice

  • B
    Bhumesh Chinnusamy
    1.0

    this course is not updated and i wasted 450 rupees and react 17 is used but even i downgraded to react 18 to 17 there is lot of pain in a** while downloading dependencies and also not worth of explanation and voice is not clear all dont be fooled by the bellow comments and waste money better see an updated react app version course

  • H
    Hariharan Nair Gopalan Nair
    5.0

    Yes it is a very useful course. I strongly recommend any one who is pursuing with Redux toolkit.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed