MENU

Fun & Interesting

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

Lama Dev 280,656 1 year ago
Video Not Working? Fix It Now

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... Try Console Ninja: https://console-ninja.com/?referrer=LamaDevFeb24 (Check the latest post on Discord to get a free subscription) Join React/Next.js Master Course Waitlist: https://list.lama.dev You are watching the 2nd part. Watch part 1 (React Design): https://youtu.be/HFj5FMb0jwY If it is valuable to you, you can support Lama Dev. Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join Buy me a coffee: https://www.buymeacoffee.com/lamadev Source Code (filter, re-rendered chat message, seenBy problem, notification fetching fixed): https://github.com/safak/full-stack-estate Join Lama Dev groups X/Twitter: https://x.com/lamawebdev Facebook: https://www.facebook.com/groups/lamadev Instagram: https://www.instagram.com/lamawebdev Discord: https://discord.gg/yKremu4mPr 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

Comment