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

Опубликовано: 11 Октябрь 2021
на канале: 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

Смотрите видео MERN Authentication Tutorial #1: The Frontend | ReactJS, React Router, Material-UI, Bootstrap онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь You Suck At Coding 11 Октябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,792 раз и оно понравилось 208 людям.