Build a Full Stack Login & Sign Up Form With React, MongoDB, Node JS, Express JS and Tailwind CSS
Build a Full Stack Login & Sign Up Form With React, MongoDB, Node JS, Express JS and Tailwind CSS
Hey developers,
In this exciting tutorial, you will learn to build a login and sign up using MERN stack from scratch. This tutorial is tailored for both beginners and it is very easy to understand. You will learn to build the frontend with React JS and style with Tailwind CSS, setup database with MongoDB and create the backend application with Express JS.
To get source code for a small fee, send a DM on Whatsapp :
https://wa.me/message/QSELUAXAZO2EM1
Time Stamps
0:00 Introduction / Project Overview
02:15 Setting up Folders
03:15 Setup Frontend Folder
05:55 Install Tailwind CSS
09:35 Create Login and Sign Up page
23:55 Create Homepage
26:55 Setup Backend Environment
25:55 Setup MongoDB database
40:08 Connect local server with MongoDB database
44:08 Create User Models
47:26 Create User Login Controllers Function
48:37 Create User Login and Sign Up API endpoints
52:07 Test User Login and Sign Up API endpoints
1:06:07 Create register User Controllers Function
1:23:45 Connect Frontend with Backend
1:29:06 Create a POST request for Sign Up Page
1:34:20 Create a POST request for Login Page
1:43:11 Store Token in Local storage
---------------------------------
For More Coding Projects
Build a Full stack Food Ordering Website With MERN Stack
• Build a Full Stack Food Delivery App Using...
Build a Full stack Restaurant Reservation System With MERN stack
• Build a Full Stack Restaurant Reservation ...
Build Complete Modern E-commerce Cloth Shopping Website
• React Ecommerce Website For Beginners | Bu...
Build Complete Real Estate Website Using React JS
• How To Create a Real Estate App Using Reac...
#reactjs #mernstack #mernstackproject #coding #programming #softwaredevelopment #fullstack #softwaredeveloper #ai