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

Veröffentlicht am: 11 Oktober 2021
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer You Suck At Coding 11 Oktober 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,792 Mal angesehen und es wurde von 208 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

528