MERN Stack Complete User Authentication System with JWT

Build a complete mern stack standard and secured authentication with jwt , bcrypt , crypto , nodemailer

4.44 (8 reviews)
Udemy
platform
English
language
Web Development
category
51
students
5.5 hours
content
Jul 2022
last update
$19.99
regular price

What you will 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

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.

Screenshots

MERN Stack Complete User Authentication System with JWT - Screenshot_01MERN Stack Complete User Authentication System with JWT - Screenshot_02MERN Stack Complete User Authentication System with JWT - Screenshot_03MERN Stack Complete User Authentication System with JWT - Screenshot_04

Content

Introduction

PROMO / Resourses
React App Setup
Tailwind CSS Setup
Tailwind Basics
Other npm modules and Folder Structure

Login and Register Pages UI

Login Register - 1
Login Register - 2

Backend Setup

Node server setup
Mongo server setup
Node Mongo Connection

Login Register Backend

Login Register API
React Node Connection

Alerts and Duplicate users

Showing success , error , loading alerts
Duplicate users restriction

Password Hasing

Password Hash-1
Password Hash-2

JWT Backend

JWT Intro
JWT Implementation

JWT Frontend

Public and Protected Routes
JWT Implementation UI - 1
JWT Implementation UI - 2

Node Mailer

Node Mailer Basics
Node Mailer Docs

Email Verification

Email Verification - 1
Email Verification - 2

Reset or Forgot Password

Forgot Password - 1
Forgor Password - 2

CSS Cleanup

CSS Cleanup

Reviews

Jian
June 22, 2022
I like the structure the teacher setup, he doesn't combine everything together at once but we work with build on top of what we setup before and add new features on the way. which makes it a lot easier to understand! thanks!

Charts

Price

MERN Stack Complete User Authentication System with JWT - Price chart

Rating

MERN Stack Complete User Authentication System with JWT - Ratings chart

Enrollment distribution

MERN Stack Complete User Authentication System with JWT - Distribution chart
4728480
udemy ID
6/10/2022
course created date
6/15/2022
course indexed date
Bot
course submited by