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 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 & API Explanation
2:18 - Create Frontend Folder & Cleanup
7:23 - Page Components
9:20 - React Router Setup
12:30 - Header & Navigation
16:33 - Register Page
25:14 - Login Page
27:36 - Concurrently Setup
30:10 - Redux Start & Auth Slice
37:32 - Start User Registration
45:36 - Extra Reducers For Register
49:32 - Hook Up Register Form
1:00:45 - Logout Function
1:07:55 - Start User Login
1:09:30 - Extra Reducers For Login
1:10:20 -Hook Up Login Form