Full-Stack MERN Auth project: Build & Deploy (Reactjs, json web token, jwt, redux toolkit, cookie)

**Master Full-Stack Authentication with the MERN Stack: Build, Secure, and Launch Your Web Application**

Step into the realm of full-stack MERN authentication! This immersive course invites you to embark on a thrilling adventure, guiding you through the creation and deployment of a MERN stack web application complete with robust authentication capabilities.

Throughout this journey, we will assist you in crafting the authentication foundation of a MERN stack application. This module serves as an invaluable template for your future MERN apps, streamlining your development process and saving you precious time.

2. Authentication Mastery: Our application supports email and password authentication via JSON Web Tokens, delivering secure user experiences. Additionally, we'll explore the integration of Google OAuth for seamless sign-ins.

3. Efficient State Management with Redux Toolkit: Discover the convenience of Redux Toolkit for streamlined state management, enabling you to effortlessly maintain global states.

4. Ironclad Profile Pages: Certain pages, such as the profile page, receive dual layers of protection – both on the client and backend sides – ensuring the utmost security for your application.

5. Dynamic Profile Management: Unleash the power to update user profiles, encompassing usernames, emails, and passwords. We'll even delve into image profile updates utilising Firebase Storage.

6.Account Deletion: Learn the art of safely deleting user accounts, complete with checks for JSON Web Token cookies.

7. Masterful CRUD Operations: Dive into the intricacies of Create, Read, Update, and Delete (CRUD) operations using MongoDB, enabling you to interact effectively with your database.

8. Deployment and Sharing: Finally, we'll harness Render to deploy your full-stack authentication app, all without cost. Share it with others or add it to your portfolio to showcase your newly acquired skills.

The prerequisites for this course are simple: a basic understanding of JavaScript and React. If your excitement matches ours in building this dynamic application, let's embark on your journey toward becoming a full-stack authentication expert!

Begin now and immerse yourself in the world of secure, efficient, and potent MERN authentication applications. Your skills will be in high demand – so let's construct and deploy together!

00:00 - Intro
01:48 - Project preview
04:22 - Install react js and tailwind css and create the first template
21:03 - Add routes and create pages
27:27 - Create header component
34:20 - Create and run the server
40:10 - Connect to the database
49:55 - Create user model
54:50 - Create a test API route
01:00:49 - Create sign up API route
01:18:59 - Add a middleware and a function to handle errors
01:25:50 - Complete sign up page UI
01:33:53 - Complete sign up page functionality
01:53:45 - Create sign in API route
02:11:41 - Complete the sign in page functionality
02:20:20 - Add redux toolkit
02:42:28 - Add redux persist
02:52:33 - Create and add OAuth component
03:29:00 - Update header component and make the profile page private
03:38:06 - Complete profile page UI
03:46:51 - Complete image upload functionality using firebase storage
04:16:03 - Create update user API route
04:32:38 - Complete update user functionality
04:46:47 - Add delete user functionality
04:54:10 - Add sign out user functionality
04:59:55 - Complete home and about pages
05:04:04 - Deploy to render

[stephenchilds]

I actually wrote every line of code and followed everything in the video. It's 11/24/2023 and i got everything to work. It did take a couple of days, but it was gratifying.

[devonglide]

kudos! I wasted so many days (weeks?) sitting through terrible vids that either don't work, or are just some guy copying example code from the dev page (but not actually implementing the code into a functional working app). To anyone who wants to know before spending 5 hours watching this vid - this guy is the real deal, his code works, and his presentation is top notch.

[BytesRush]

From the beginning of this tutorial only word coming out from my mouth is "Wow" you're superb sir! ❤

[martinsejiofo]

Thank you for creating this tutorial! I followed along from start to finish and learned so much about MERN authentication. Your explanations were clear, and the step-by-step approach really helped me understand the concepts. I will be moving forward to your mern blog tutorial 💪🦾. Looking forward to more content from you!

[tonkamachines]

this is a very realistic case use and I really like how you show how you worked through mistakes. A+++

[Thakur_Sahab_]

i've never seen an instructor like you, i cant afford a proper education in this field so i was struggling a lot on web resources, today i found you, its like i found god. thank you so much for creating such an amazing video. i wish i could meet you someday and thank you in person.

[muneeb]

Thanks for the amazing tutorial, now I'm confident with JWT and Redux in React!😊

[sanketjagtap]

Literally, you gave me confidence in Mern. Thank you for your efforts!

[GuiKT]

I want to learn mern to get a job and i already watched like 5 tutorials, and i always finds a new and better one, this is definitely the most complete and well explained

[russellandrady]

Spend like a week with this. Great explanation. Great debugging. Great attention to detail. Everything worked well. Thank you Mr. Sahand. In the last step, my mongodb didn't connected to the website. So I had to add the ip addresses of the weebsite.

[khizarwakeel]

I have learned a lot of things from this video. Thanks, Sahan! I have completed this video, and now I am going to watch it two more times for more clarification love from Pakistan.

[devBadar]

Every single line of code is explained. Love you sir❤

[rupambora]

Hi Sahand, I have recently finished this project and learned a lot from you.
Thanks a ton from Assam, India.

[samriddhisharma]

It works fine for me, I was stuck in MongoDB. This video really helps, Thank you!

[UnrealVisual]

Thank you for this tutorial! Everything works as you teach, good stuff and please make more!

[ArunKumar-bqoo]

Thanks for Your Great Work Sir💗 you are doing great work sir

[DeepakKumar-oxti]

Nice video, and good project. I upload it to render and after 5 attempts, it was successful. Appreciate your hard work, sir.

[maneumesh]

sir your teaching style is very good and also git repo has lot of commit based on the chapter so it is very easy to build project

[MrWavZ-phif]

Keep up the excellent work sir, really helpful

[GabrielAugusto-bovx]

In general, the video helped me a lot, but there's something i'm thinking a lot about the video right now, apparently there's a second voice saying "I agree" on 3:39:29 in the video and i was a bit scared of it hahaha