MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap

Published: 11 October 2021
on channel: You Suck At Coding

6,792

208

Welcome to a new tutorial series on Authentication with MERN Stack. MERN stands for MongoDB, Express, React, Node, after the four key technologies that make up the stack.
● MongoDB - document database
● Express(.js) - Node.js web framework
● React(.js) - a client-side JavaScript framework
● Node(.js) - the premier JavaScript web server

This video presents the finished application and provides a step-by-step walkthrough for building the frontend. The technologies used in this video include: React, React Router, Material-UI, and Bootstrap.

🔴 GitHub: https://github.com/banishnarang/yt-me...

🔴 How to set up a MERN Stack Project from Scratch: • How to set up a MERN (MongoDB, Expres...

Timestamps:
00:00 - Intro
00:26 - Finished App Preview
02:52 - Setting up a MERN Stack Project from scratch
03:20 - Running the client app
04:00 - Frontend packages
04:27 - Installing Bootstrap
05:36 - Installing Material-UI
06:32 - Installing React router and its use
07:23 - Setting up React Router for pages
11:16 - Building the Header
17:01 - Building the Login page
33:04 - Building the Sign Up page
46:01 - Building the Home page
46:55 - Outro

⭐️ Hashtags ⭐️
#React #ReactJS #ReactRouter #MaterialUI #Bootstrap #Frontend
#Auth #Authentication #Login #Signup #Logout #UI #MERN

On this page of the site you can watch the video online MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap with a duration of hours minute second in good quality, which was uploaded by the user You Suck At Coding 11 October 2021, share the link with friends and acquaintances, this video has already been watched 6,792 times on youtube and it was liked by 208 viewers. Enjoy your viewing!

73,410

1.8K