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
348
79
2 weeks ago 00:04:01 1
Dr Funk - Roadrunner (Drop D) Marcus Miller Inspired
2 weeks ago 00:04:54 1
TERMINAL NATION - Merchants of Bloodshed feat. Jesse Leach (From ’Echoes of the Devil’s Den’, 2024)
2 weeks ago 00:00:32 1
Lucky Drops are here! ✨
2 weeks ago 00:10:11 1
Volvo 850R ITB’d Naturally-Aspirated BTCC Build | American Tuned ft. Rob Dahm
2 weeks ago 01:18:08 1
Rolls-Royce Production in England
2 weeks ago 00:05:16 1
Орск. Крупнейшее наводнение в 1957 / Orsk. Largest flood in 1957
2 weeks ago 01:02:40 1
Mercedes-Benz Truck Production in Germany – Actros, eActros, Arocs, eEconic, Vario
2 weeks ago 00:02:25 1
Night Raider Game Trailer - gameplay
2 weeks ago 00:12:42 1
Best Tools for SMMA Outreach 2024 | Get Clients Now
2 weeks ago 00:10:21 1
Email Extractor Tutorial: Scrape emails from Google Maps & Domains with Leads-Sniper🚀
2 weeks ago 00:07:28 1
Best USD Earning Website | Per Day $🔥Long Term Project | Crypto Earning Site |Usdt Shopping Site
2 weeks ago 00:10:32 1
Wedo 2.0: Transformer Robots | Wedo Instructions
2 weeks ago 00:08:11 1
Wedo 2.0 Steering Car | Wedo instructions
2 weeks ago 00:01:04 1
Lunar Axe - Official Console Release Date Announcement Trailer