*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.
👩💻 Learn to Code (Save 20% Pro)
https://scrimba.com/s0fg0h412l?via=re...
Utilising the latest versions of React, MongoDB, Node.js, and Express, we'll cover crucial aspects to ensure your success:
1. Frontend Setup: We commence by installing React.js and seamlessly integrating Tailwind CSS. Delve into the power of React Router Dom's newest release to establish a robust routing system and create authentication pages that lay the groundwork for our feature-rich application.
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
Поделиться в:
Доступные форматы для скачивания:
Скачать видео mp4
Информация по загрузке:
Скачать аудио mp3
Похожие видео
array(20) {
["b0_Y_eU_SXI"]=>
object(stdClass)#11757 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "b0_Y_eU_SXI"
["related_video_title"]=>
string(50) "React js & Firebase project - Realtor Clone PART 1"
["posted_time"]=>
string(21) "3 года назад"
["channelName"]=>
NULL
}
["z86jlsS1LJM"]=>
object(stdClass)#11778 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "z86jlsS1LJM"
["related_video_title"]=>
string(104) "Это будет самое большое падение в истории (Уоррен Баффет)"
["posted_time"]=>
string(24) "12 часов назад"
["channelName"]=>
NULL
}
["R4AhvYORZRY"]=>
object(stdClass)#11758 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "R4AhvYORZRY"
["related_video_title"]=>
string(72) "MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More"
["posted_time"]=>
string(21) "2 года назад"
["channelName"]=>
NULL
}
["NR2MJk9C1Js"]=>
object(stdClass)#11773 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "NR2MJk9C1Js"
["related_video_title"]=>
string(49) "MERN Authentication App with JWT (and TypeScript)"
["posted_time"]=>
string(19) "1 год назад"
["channelName"]=>
NULL
}
["fKa3x4XWklY"]=>
object(stdClass)#11759 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "fKa3x4XWklY"
["related_video_title"]=>
string(148) "Обмен Массированными Ударами💥 Орестополь и Рох Зачищены✅ Военные Сводки 14.11.2025"
["posted_time"]=>
string(24) "12 часов назад"
["channelName"]=>
NULL
}
["BmNn3Z5j3WA"]=>
object(stdClass)#11777 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "BmNn3Z5j3WA"
["related_video_title"]=>
string(165) "ШУЛЬМАН: "Вот правда, но этого же не скажешь прямо". Интервью с "категорическим императивом""
["posted_time"]=>
string(24) "13 часов назад"
["channelName"]=>
NULL
}
["qwosU7e9mqc"]=>
object(stdClass)#11765 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "qwosU7e9mqc"
["related_video_title"]=>
string(154) "Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности"
["posted_time"]=>
string(25) "2 месяца назад"
["channelName"]=>
NULL
}
["t_tbahOdm-U"]=>
object(stdClass)#11767 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "t_tbahOdm-U"
["related_video_title"]=>
string(94) "How To Build a Full Stack Restaurant Reservation System Using React, MongoDB, Node JS, Express"
["posted_time"]=>
string(21) "9 дней назад"
["channelName"]=>
NULL
}
["4LUhuIWOIvY"]=>
object(stdClass)#11762 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "4LUhuIWOIvY"
["related_video_title"]=>
string(155) "Украинский фронт - прорыв на Запорожье. Берут десятки сел. Покровск отвлекающий. 14.11.25"
["posted_time"]=>
string(24) "11 часов назад"
["channelName"]=>
NULL
}
["7BTsepZ9xp8"]=>
object(stdClass)#11766 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "7BTsepZ9xp8"
["related_video_title"]=>
string(85) "Complete MERN Authentication System With Password Reset, Email Verification, JWT auth"
["posted_time"]=>
string(28) "11 месяцев назад"
["channelName"]=>
NULL
}
["iZ52jEks5dw"]=>
object(stdClass)#11764 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "iZ52jEks5dw"
["related_video_title"]=>
string(88) "Best of 2025 Lo-fi Chillhop | Hip Hop Beats Study Relax Playlist Nostalgia Coffee Dreams"
["posted_time"]=>
string(68) "Трансляция закончилась 14 часов назад"
["channelName"]=>
NULL
}
["A7k088NtfDc"]=>
object(stdClass)#11774 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "A7k088NtfDc"
["related_video_title"]=>
string(113) "США объявили о начале спецоперации / Военные начали вторжение"
["posted_time"]=>
string(24) "15 часов назад"
["channelName"]=>
NULL
}
["E8lXC2mR6-k"]=>
object(stdClass)#11760 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "E8lXC2mR6-k"
["related_video_title"]=>
string(34) "Освойте React JS легко"
["posted_time"]=>
string(19) "1 год назад"
["channelName"]=>
NULL
}
["9IwjlT3RqMc"]=>
object(stdClass)#11748 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "9IwjlT3RqMc"
["related_video_title"]=>
string(53) "Зе-банда пытается защищаться"
["posted_time"]=>
string(24) "11 часов назад"
["channelName"]=>
NULL
}
["VAaUy_Moivw"]=>
object(stdClass)#11749 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "VAaUy_Moivw"
["related_video_title"]=>
string(150) "MERN Stack проект: Создайте современную платформу для недвижимости с React MERN (JWT, Redux Toolkit)"
["posted_time"]=>
string(21) "2 года назад"
["channelName"]=>
NULL
}
["DTNvOYorjig"]=>
object(stdClass)#11755 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "DTNvOYorjig"
["related_video_title"]=>
string(112) "Яков Кедми: США больше не хотят войны с Россией. Европа в шоке!"
["posted_time"]=>
string(24) "12 часов назад"
["channelName"]=>
NULL
}
["zf5XMOJGr8M"]=>
object(stdClass)#11756 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "zf5XMOJGr8M"
["related_video_title"]=>
string(110) "Где эта великая Россия, Путин?! В КАЛОШАХ ХОДИМ, В ГРЯЗИ ЖИВЕМ"
["posted_time"]=>
string(24) "11 часов назад"
["channelName"]=>
NULL
}
["6jQdZcYY8OY"]=>
object(stdClass)#11754 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "6jQdZcYY8OY"
["related_video_title"]=>
string(61) "NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours"
["posted_time"]=>
string(27) "6 месяцев назад"
["channelName"]=>
NULL
}
["m56QcYQhZw0"]=>
object(stdClass)#11752 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "m56QcYQhZw0"
["related_video_title"]=>
string(46) "120 тысяч КАБов до конца 2025"
["posted_time"]=>
string(21) "4 часа назад"
["channelName"]=>
NULL
}
["dTgBjl70vdg"]=>
object(stdClass)#11753 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "dTgBjl70vdg"
["related_video_title"]=>
string(0) ""
["posted_time"]=>
string(24) "17 часов назад"
["channelName"]=>
NULL
}
}
