MERN Stack CRUD 2 hours course | Full Stack Web App | MongoDB | Express.js | React | Node.js

Опубликовано: 29 Сентябрь 2024
на канале: Code With Arjun

5,965

113

This is a video on building a Full Stack CRUD Application using MERN (MongoDB, Express.js, React.js, and Node.js). I'll be implementing the backend with MongoDB as the database, and Express.js and Node.js for creating REST APIs. For the frontend, I'll use React.js and Bootstrap for the UI, along with React-hot-toast for pop-ups.

Source Code : https://github.com/arjungautam1/MERN-...

MERN STACK Series :    • MERN (MongoDB, Express.js, React.js, ...

Postman : https://www.postman.com/downloads/

PayPal : https://paypal.me/codewitharjun
Patreon :   / codewitharjun

➡️ Subscribe :    / codewitharjun

TimeStamps :
00:00 - Introduction to MERN STACK Application
01:35 - Setup Server & Install Dependencies
05:40 - Connect Express.js with MongoDB
11:40 - Create Folder Structure
12:50 - Insert Data into MongoDB Database
24:05 - Get All Users from Database (GET HTTP)
27:35 - Get User By ID (GET HTTP)
31:30 - Update User By ID (PUT HTTP)
36:13 - Delete User By ID (DELETE HTTP)
39:14 - Create React App
45:09 - Create User Table using BootStrap
53:31 - Using Font Awesome Icons
58:16 - Display Data using Axios GET
1:06:07 - Configure React-Router-Dom
1:10:45 - Create Add User Form
1:22:40 - Send Data to Database (Axios POST)
1:30:32 - Setup React-Hot-Toast
1:34:21 - Update User Data (Axios PUT)
1:46:09 - Delete User Data (Axios DELETE)
1:54:21 - Outro

Stay Connected :
➡️ LinkedIn :   / arjungautam1
➡️ Github : https://github.com/arjungautam1

Join Community :
➡️Discord :   / discord

Follow me on :
➡️ Medium:   / codewitharjun
➡️ Dev.to : https://dev.to/codewitharjun

#fullstack #mernstack #nodejs #express #reactjs #mongodb #CodeWithArjun #Programming