React Node.js Real Estate App Full Tutorial | MERN Stack App & Real-time Chat

Full stack React, Node.js Real Estate App tutorial with MongoDB and real-time chat functionality with Socket.io. Mern Stack project using Prisma, JWT, Cookies, Context API, React Router Dom, and more...

You are watching the 2nd part.
Watch part 1 (React Design): https://morioh.com/a/27eb5b246ccf/real-estate-responsive-ui-design-with-html-css-and-react-map 

Source Code (filter, re-rendered chat message, seenBy problem, notification fetching fixed):
https://github.com/safak/full-stack-estate 

00:00 Introduction
03:37 Installation
09:42 React Express.js Prisma MongoDB App Structure
14:35 Understanding Express.js Routes
18:18 Express.js Auth Tutorial 
26:22 Prisma MongoDB Tutorial 
41:06 Express.js React JWT Cookie Auth Tutorial 
01:16:55 Express.js Protect Routes with JWT Cookie 
01:25:15 Express.js Middleware Tutorial 
01:29:13 React Context Authentication Tutorial
01:39:35 React.js Protected Routes with React Router Dom 
01:44:47 React Express.js Prisma CRUD Tutorial
02:11:28 React Upload Image 
02:18:45 Node.js Prisma MongoDB Post Modal (Prisma Relationships) 
02:41:31 React Text Editor 
02:43:42 Create a Post in React
02:53:48 React Fetch Data with React Router Dom loader 
03:04:18 React Fetch Data Based on URL query 
03:13:10 React Show Loading Skeleton After Fetching Data 
03:27:05 How to Save Post? 
03:41:27 Fetch Profile Posts 
03:48:32 React Node.js Chat App Tutorial with Socket.io 
04:23:57 React [Socket.io](http://Socket.io) Real Time Chat Tutorial
04:47:34 React Auto Scroll Down using useRef 
04:49:13 React Zustand Tutorial
04:59:24 Outro

#react #reactjs #node #nodejs #mern #mongodb #expressjs #jwt