MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap
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
Watch video MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap online without registration, duration hours minute second in high quality. This video was added by user You Suck At Coding 11 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,792 once and liked it 208 people.