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

Table of contents

  1. Chapter 1 : Course Introduction
    1. Introduction 00:01:37
  2. Chapter 2 : Getting Started
    1. Setup client 00:02:24
    2. Setup server 00:11:12
    3. Installing NPM packages 00:07:03
  3. Chapter 3 : Node Js API
    1. Moving routes 00:07:04
    2. Moving to controllers 00:04:43
    3. User model 00:17:47
    4. Applying middlewares 00:11:01
    5. MongoDB Atlas Robo3T and Postman 00:05:39
    6. Connect to mongodb 00:06:10
  4. Chapter 4 : Node Js Signin / Signup / Email Confirmation
    1. Express validator 00:14:31
    2. Signup user 00:09:44
    3. Email confirmation workflow 00:06:47
    4. Signup with sendgrid 00:05:22
    5. Send email on signup 00:14:41
    6. Account activation 00:12:24
    7. Signin user 00:14:24
  5. Chapter 5 : React
    1. Starting with react 00:03:29
    2. Create layout 00:06:35
    3. Using react router dom 00:06:37
  6. Chapter 6 : React Signup / Signin / Activation
    1. Signup page setup 00:07:38
    2. Signup form 00:11:46
    3. Finishing signup 00:18:24
    4. User signin 00:06:52
    5. Activate account 00:21:34
    6. Active nav link 00:08:30
    7. Auth helpers 00:19:59
    8. Authenticate and signout 00:18:38
  7. Chapter 7 : Private / Admin Routing
    1. Private route 00:10:35
    2. Admin route 00:04:20
    3. Redirect based on role 00:06:58
  8. Chapter 8 : User Profile
    1. Read user profile 00:08:57
    2. Protect API endpoint 00:08:21
    3. Update user profile 00:14:12
    4. Admin middleware 00:08:15
    5. Profile update page setup 00:05:58
    6. Errors cleanup 00:03:08
    7. Pre populate profile update and handle JWT expiry 00:13:30
    8. Profile update with toast message 00:11:50
    9. Admin profile update 00:04:06
  9. Chapter 9 : Forgot / Reset Password
    1. Forgot password server 00:13:18
    2. Reset password server 00:15:32
    3. Forgot password client 00:09:48
    4. Reset password client 00:17:11
  10. Chapter 10 : Login with Google
    1. Login with google client 00:21:22
    2. Login with google - server 00:24:21
  11. Chapter 11 : Login with Facebook
    1. Login with facebook client 00:11:11
    2. Login with facebook server 00:13:36
  12. Chapter 12 : Production steps
    1. Getting ready for production 00:03:07
  13. Chapter 13 : Deployment
    1. Github and digital ocean 00:05:59
    2. Deployment part 1 00:18:15
    3. Deployment part 2 00:15:07
    4. Pushing changes and making admin user 00:08:20

Product information

  • Title: MERN Stack Web Development with Ultimate Authentication
  • Author(s): Ryan Dhungel
  • Release date: December 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781800204799