Build a Fullstack Login & Register Page with MERN (, mongo, express, bcrypt, jwt & more)
Join my Discord to talk and network about web development! 👇
Welcome to our tutorial on how to build a full-stack login and register page using MERN stack. In this video, we will cover step-by-step instructions on how to create a secure and functional login and register page using , MongoDB, Express, Bcrypt, JWT, and more.
Whether you’re a beginner or an experienced developer, this tutorial is designed to help you gain a deeper understanding of the MERN stack and how it can be used to build powerful and secure web applications.
Understand the folder structure of a Full Stack MERN project, authentication, authorization, encrypting user’s passwords for extra security, tracking user’s with a cookie using JSONwebtoken, utilize React-hot-toast package for professional looking notifications and much more.
So, join us now and learn how to build a full-stack login and register page with MERN! Don’t forget to subscribe to our channel for more tutorials on web development, and feel free to leave any questions or comments in the section below. Thank you for watching!
Timestamps:
0:00 Intro
0:51 Setting up folders/vite app
2:55 Set up frontend folders
5:12 React Router Dom setup
10:47 Create the login and register page
19:10 Set up backend folders/environment
24:39 Set up a GET endpoint route to test
33:54 Set up MongoDB database and connect it
44:00 Create a POST request for Register Page
54:43 Using React-Hot-Toast for notifications
1:02:58 Bcrypt Implementation
1:10:04 Create a POST request for Login Page
1:20:36 JSONWebToken
1:29:04 Create User Context with React Hook so we can track user
1:41:12 Create Mock User Dashboard
1:47:42 Testing out everything and outro
1 view
283
62
6 months ago 00:16:03 1
Glitter Bomb 2.0 vs Porch Pirates
6 months ago 00:09:23 1
Going In REVERSE At The Farm?! Dragging Fender On The NEW Ride!
6 months ago 00:17:22 1
Risque but stunning bikinis by Black Tape Project | FashionTV | FTV
6 months ago 00:09:51 1
10 Mirrors in One Day - The Best Farm/Juice to Ever Exist in PoE -
6 months ago 00:25:56 1
#ReactOS autonomous automated build in #ULFS #CoolRetroTerm demo.
6 months ago 00:04:16 1
Selena Gomez - I’m Sorry We Lied (ft. ZAYN)
6 months ago 00:03:53 1
La Bamba (Los Lobos) feat. Andrés Calamaro | Playing For Change | Song Around The World
6 months ago 00:06:56 1
I WILL STAND AND FIGHT FOR ALL WHO CAN’T | New Earth Project
6 months ago 00:02:00 1
Create Mod / Interactive | HIGH SECURITY TRAIN
6 months ago 01:03:54 1
EMBRACE YOUR INNER-CHILD! | 60-MINUTE SPECIAL #14 | CIRQUE DU SOLEIL | OVO, BAZZAR, ALEGRIA
6 months ago 00:01:40 1
Scan to BIM: Modeling from a 3D laser scan on buildings or facilities
6 months ago 00:03:04 1
Kingdom of the Planet of the Apes | Exclusive IMAX® Trailer
6 months ago 00:00:59 1
From Pipes to Boat: Plastic Pipes and Foam Turned Nautical! 🌊🚣 #Shorts
6 months ago 00:07:14 1
Led Zeppelin - No Quarter with Lord of the Rings scenes
6 months ago 00:20:43 1
“Тазриа 4 день“ Тора на каждый день с р Давидом Мануйловым
6 months ago 00:14:32 1
Making Wood chipper mechanism [PLANS]
6 months ago 01:59:56 1
Construction of a Mountain-Side Getaway Home
6 months ago 00:00:00 1
🔴 LIVE Прославление | Церковь Божия Music
6 months ago 00:01:25 1
Final Factory Launch Trailer
6 months ago 00:27:31 1
Man Builds Hyperrealistic RC All-Terrain Vehicle Worth $2000 | Capo CD 1582X Queen by @RCPlayGround
6 months ago 00:08:37 1
Laser Scanning for As-Built Drawings
6 months ago 00:15:35 1
Дори - билд гайд | Артефакты, оружие и советы | Genshin Impact
6 months ago 00:03:49 1
Alphaville - Big In Japan (Flashlights, )
6 months ago 00:07:24 1
2023 Harley Davidson Nightrod VRSCDX by DD Designs (Walk Around)