MERN Stack Advanced Authentication & Authorization Project

Learn How to build Advanced User Authentication and Authorization Website (With JWT, httpOnly Cookie, Axios)

3.75 (2 reviews)
Udemy
platform
English
language
Web Development
category
instructor
MERN Stack Advanced Authentication & Authorization Project
28
students
3 hours
content
Apr 2022
last update
$19.99
regular price

What you will learn

Add Advanced Authentication and Authorization To Your Website

How to use httpOnly Cookie

How to Encrypt Details in JWT

Encrypt User's Password

Don't share any credentials or Token With Frontend's Local-Storage / Cookies / Sessions, use httpOnly cookie which will not be accessed by Frontend

Create a Refresh Token After Logged Out to keep user logged in

Description

Latest 2022 Course

Hi, Welcome

Yes, you have read it right if you are here reading this description. This is advanced User Authentication and Authorization Project With MERN Stack.

What You will learn

  • How to build a secure backend

  • How to use JWT Bearer Tokens

  • How to use httpOnly Cookie

  • How to encrypt a user's password before storing it in a database

  • How to Build Frontend With httpOnly

  • How to send back httpOnly cookie

  • How to make the user logged in after the token is expired


We will use MERN Stack With this

MongoDB: MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License.

ExpressJS: Express.js, or simply Express, is a back-end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.

ReactJS: 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. React can be used as a base in the development of single-page or mobile applications

NodeJS: 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.


Content

Introduction

Introduction
Introduction To MERN Stack and Project
Note!

Building Secure Backend

Git URL
Installations and Basic Application With Node and Express
Configuring and Connecting To MongoDB Cloud Database
Creating User Model Schema
Create Routes and Test it on Postman
Creating User's Signup Functionality with Validations
Encrypting (Hashing) User's Password
Creating Login Functionality
Summary

User Authorization

Introduction to JWT (JSON Web Tokens)
Generating JWT Token For User
Verifying JWT Token and Grant Access
Getting User's Details After Verifying Token
(Theory) Where can we store JWT Token in Frontend?
Where can we store tokens?
Using httpOnly Cookie
Retrieving And Authorizing Cookie Headers
Completing Backend And Installing React Application

Building Frontend

Git URL
Creating Header With Routing Functionality
Creating User Signup Form and Sending Request To Backend
Creating Login Form and Sending Login Request To Server
Creating Welcome User's Page After Login

Continuous Interactions With Backend After User Login

Git URL
Interactions
Creating Refresh Token Route in Backend
Adding Refresh Token In Frontend
Storing Credentials in .env files
Installing and Configuring Redux For Authentication State
Adding Logout Functionality
Optimizations and Basic Fixes

Summary

GREAT
Summary And Thank You!

Reviews

Hans
May 11, 2022
For a beginner tutorial the installation of vscode (and extensions) and node are missing. Also in most parts the explanation is minimal. What does lax mean in sameSite? I understand that also the use of http-only request isn't complete safe. It depends on the browser you are using. Some browsers don't know the httpOnly flag and will ignore it.

Charts

Price

MERN Stack Advanced Authentication & Authorization Project - Price chart

Rating

MERN Stack Advanced Authentication & Authorization Project - Ratings chart

Enrollment distribution

MERN Stack Advanced Authentication & Authorization Project - Distribution chart
4644560
udemy ID
4/16/2022
course created date
4/20/2022
course indexed date
Bot
course submited by