Learn The MERN Stack - JWT Authentication - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Web Development Traversy Media Video: Learn The MERN Stack - JWT Authentication.
In this video, we will secure our API by adding JWT authentication

💻 Code:
https://github.com/bradtraversy/mern-tutorial

👇 Full React 2022 Course With $12.99 promo:
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022

👇 Website & Courses:
https://traversymedia.com

💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia

👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:
0:00 - Intro & Current Code
1:45 - What is JWT?
3:10 - User Model
6:00 - Add User to Goal Model
7:21 - User Routes & Controller Functions
14:38 - Register User
18:58 - Hash Password
22:07 - Authenticate User
25:40 - Generate JWT
29:54 - Auth Middleware
37:34 - Protecting Routes & getMe()
41:25 - Protect Goal Routes
43:10 - Get Only Users Goals
44:00 - Setting a User Goal
47:00 -Update a User Goal
49:30 - Delete User Goal

Published: Thursday, July 14, 2022 9:21 PM
Category: Web Development Traversy Media

65 Views

Related Videos

Learn The MERN Stack - Frontend Authentication | Redux Toolkit

by Best Webhosting Added 3 years ago 50 Views / 0 Likes

In this video, we will create our frontend and add authentication using Redux Toolkit to manage our global state. 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me
Popular
Learn The MERN Stack [7] - Connecting The Backend

by Best Webhosting Added 6 years ago 104 Views / 0 Likes

In this video we will finally connect to our backend routes within the Redux actions using axios and we will send the data down through the reducer into our ShoppingList component. We will also handle the post and delete requests. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www
Popular
Learn The Mern Stack [11] - React Registration

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

In this video we will create the React register modal component and implement the create user functionality as well as getting the JWT token from the API. Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia
Popular
Learn The Mern Stack [9] - Backend JWT Auth

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

In this part we will add user registration and login with JWT (JSON Web Tokens) in Node/Express Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Original Series First Video: https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE Code: https://github.com/bradtraversy/mern_shopping_list • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fo
Learn The MERN Stack [6] - Finishing Redux

by Best Webhosting Added 6 years ago 98 Views / 0 Likes

In this video we will get the React/Redux app working with hardcoded state in the Redux store. We will create the ItemModal component to ad an item. After this video we will be ready to connect to the backend routes and make this FULL STACK!
Learn The MERN Stack [8] - Prepare & Deploy

by Best Webhosting Added 6 years ago 93 Views / 0 Likes

In this video we will prepare our application for deployment to Heroku. We will create a heroku post build script so that we do not have to manually run "npm run build" for React. It will happen on the server once we push to it. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.p
Learn The MERN Stack [1] - Series Introduction

by Best Webhosting Added 6 years ago 85 Views / 0 Likes

In this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions. Wel will also deploy to Heroku at the end. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support
Popular
Learn The MERN Stack [5] - Implementing Redux

by Best Webhosting Added 6 years ago 108 Views / 0 Likes

In this video we will add Redux to our frontend app and move the state from our ShoppingList component to a store reducer. We will also create our getItems action and action types. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses
Popular
Learn the MERN Stack [2] - Express API & MongoDB

by Best Webhosting Added 6 years ago 103 Views / 0 Likes

In this video we will setup the initial backend of our MERN application using Express JS with Mongoose which is an ODM to interact with our MongoDB database. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymed
Learn The MERN Stack - Express & MongoDB Rest API

by Best Webhosting Added 3 years ago 43 Views / 0 Likes

In this video, we will create a RESTful API from scratch with Node.js, Express, MongoDB and Mongoose. 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Me
Learn The MERN Stack - Redux Goals & Deply

by Best Webhosting Added 3 years ago 40 Views / 0 Likes

In this video, we will add the goals functionality and add goals to our Redux state. 💻 Code: https://github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: htt
Learn The MERN Stack [4] - ShoppingList Component & Transitions

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

In this video we will create our ShoppingList component and make it work with just local state with some dummy data. We are not yet dealing with Redux or with our backend. I just want to get the single component working, then we will move to Redux Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get