Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
MERN Stack Complete User Authentication System with JWT
Rating: 4.5 out of 5(27 ratings)
132 students

MERN Stack Complete User Authentication System with JWT

Build a complete mern stack standard and secured authentication with jwt , bcrypt , crypto , nodemailer
Last updated 7/2022
English

What you'll learn

  • Basic Authentication
  • Password hashing / encryption / decryption
  • Email verification functionality
  • Forgot password functionality
  • JWT authentications
  • Working with Protected Routes and Public Routes
  • Handling api requests with auth middlewares

Course content

12 sections28 lectures5h 20m total length
  • PROMO / Resourses6:30

    Build a secure, standard MERN stack user authentication system with JWT, using React, Tailwind, Node.js, and MongoDB, including password hashing, email verification, and password reset flows.

  • React App Setup3:28

    Set up a React application for the MERN stack authentication project by creating a client folder with create-react-app, starting the dev server on localhost:3000, and updating src.

  • Tailwind CSS Setup7:18

    Install Tailwind in a React app, generate tailwind.config.js and postcss.config.js, and update the index.css to enable Tailwind styles and verify with Tailwind IntelliSense.

  • Tailwind Basics12:40
  • Other npm modules and Folder Structure6:32

    Install essential npm modules such as react-router-dom, axios, and react-hot-toast, set up a pages and components folder, and configure routes for home, login, and register before starting the dev server.

Requirements

  • React and Node JS Basics

Description

MERN is one of several variations of the MEAN stack (MongoDB Express Angular Node), where the traditional Angular.js frontend framework is replaced with React.js. Other variants include MEVN (MongoDB, Express, Vue, Node), and any front-end JavaScript framework that can work.


  • MongoDB - document database

  • Express(.js) - Node.js web framework

  • React(.js) - a client-side JavaScript framework

  • Node(.js) - the premier JavaScript web server

Authentication is the act of proving an assertion, such as the identity of a computer system user. In contrast with identification, the act of indicating a person or thing's identity, authentication is the process of verifying that identity.

Authorization specifies access rights/privileges to resources, which is related to general information security and computer security, and access control in particular. More formally, "to authorize" is to define an access policy


In this course, we will learn the following topics

  • Basic Authentication

  • Password hashing / encryption / decryption

  • Email verification functionality

  • Forgot password functionality

  • JWT authentications

  • Working with Protected Routes and Public Routes

  • Handling API requests with auth middlewares

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.


Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

Who this course is for:

  • Full Stack Web Developers
  • MERN Stack Developers