React Node.js Real Estate App Tutorial - MERN Stack with Real-time Chat

Overview

Develop a full-stack real estate application using the MERN stack (MongoDB, Express.js, React, and Node.js) with real-time chat functionality. Learn to implement user authentication, create protected routes, handle CRUD operations, and integrate Socket.io for real-time communication. Master key concepts such as JWT cookie authentication, Prisma for database management, React Context API for state management, and React Router Dom for navigation. Explore advanced features like image uploading, text editing, and implementing loading skeletons. Gain hands-on experience with Zustand for state management and discover how to create an auto-scrolling chat interface using useRef.

Syllabus

Introduction
Installation
React Express.js Prisma MongoDB App Structure
Understanding Express.js Routes
Express.js Auth Tutorial
Prisma MongoDB Tutorial
Express.js React JWT Cookie Auth Tutorial
Express.js Protect Routes with JWT Cookie
Express.js Middleware Tutorial
React Context Authentication Tutorial
React.js Protected Routes with React Router Dom
React Express.js Prisma CRUD Tutorial
React Upload Image
Node.js Prisma MongoDB Post Modal Prisma Relationships
React Text Editor
Create a Post in React
React Fetch Data with React Router Dom loader
React Fetch Data Based on URL query
React Show Loading Skeleton After Fetching Data
How to Save Post?
Fetch Profile Posts
React Node.js Chat App Tutorial with Socket.io
React [Socket.io]http://Socket.io Real Time Chat Tutorial
React Auto Scroll Down using useRef
React Zustand Tutorial
Outro