MERN Stack Web Development with Ultimate Authentication

Video description

Build the ultimate authentication boilerplate project with the MERN stack from scratch and deploy it to DigitalOcean cloud servers

About This Video

Learn how to use the authentication boilerplate to build a project
Explore private and admin routing with role-based access control
Build a real-world project from scratch and deploy it to live servers running on the cloud

In Detail

The MERN (Mongo Express React Node) stack …

MERN Stack Web Development with Ultimate Authentication

Video description

Build the ultimate authentication boilerplate project with the MERN stack from scratch and deploy it to DigitalOcean cloud servers

About This Video

Learn how to use the authentication boilerplate to build a project
Explore private and admin routing with role-based access control
Build a real-world project from scratch and deploy it to live servers running on the cloud

In Detail

The MERN (Mongo Express React Node) stack consists of open source components that provide an end-to-end framework for developing comprehensive web applications that connect browsers to databases. This video will help you get to grips with MERN stack web development by building a production-ready login register system with authentication features such as account activation, forget password, reset password, and log in with Facebook, Google, and ACL by implementing private and protected routes for both, authenticated users and admins.

If you are looking to go full-stack with React Node Express and MongoDB (better known as the MERN stack), this course is where you should start. You’ll learn how to build a boilerplate project that can be used for any MERN stack projects that you’ll build for yourself and your clients.

By the end of this course, you’ll have your production-ready MERN stack project running live on DigitalOcean cloud servers.

Publisher resources

Download Example Code

Chapter 1 : Course Introduction

Introduction 00:01:37

Chapter 2 : Getting Started

Setup client 00:02:24

Setup server 00:11:12

Installing NPM packages 00:07:03

Chapter 3 : Node Js API

Moving routes 00:07:04

Moving to controllers 00:04:43

User model 00:17:47

Applying middlewares 00:11:01

MongoDB Atlas Robo3T and Postman 00:05:39

Connect to mongodb 00:06:10

Chapter 4 : Node Js Signin / Signup / Email Confirmation

Express validator 00:14:31

Signup user 00:09:44

Email confirmation workflow 00:06:47

Signup with sendgrid 00:05:22

Send email on signup 00:14:41

Account activation 00:12:24

Signin user 00:14:24

Chapter 5 : React

Starting with react 00:03:29

Create layout 00:06:35

Using react router dom 00:06:37

Chapter 6 : React Signup / Signin / Activation

Signup page setup 00:07:38

Signup form 00:11:46

Finishing signup 00:18:24

User signin 00:06:52

Activate account 00:21:34

Active nav link 00:08:30

Auth helpers 00:19:59

Authenticate and signout 00:18:38

Chapter 7 : Private / Admin Routing

Private route 00:10:35

Admin route 00:04:20

Redirect based on role 00:06:58

Chapter 8 : User Profile

Read user profile 00:08:57

Protect API endpoint 00:08:21

Update user profile 00:14:12

Admin middleware 00:08:15

Profile update page setup 00:05:58

Errors cleanup 00:03:08

Pre populate profile update and handle JWT expiry 00:13:30

Profile update with toast message 00:11:50

Admin profile update 00:04:06

Chapter 9 : Forgot / Reset Password

Forgot password server 00:13:18

Reset password server 00:15:32

Forgot password client 00:09:48

Reset password client 00:17:11

Chapter 10 : Login with Google

Chapter 11 : Login with Facebook

Chapter 12 : Production steps

Getting ready for production 00:03:07

Chapter 13 : Deployment

Github and digital ocean 00:05:59

Deployment part 1 00:18:15

Deployment part 2 00:15:07

Pushing changes and making admin user 00:08:20

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.