MERN Stack Project: Build a Modern Real Estate Marketplace with react MERN (jwt, redux toolkit)

Master MERN Stack: Build a Modern Real Estate Marketplace from Scratch with jwt authentication and redux toolkit)

🚀 Ready to build a cutting-edge real estate marketplace from scratch? Join us in our comprehensive course, "Full-stack MERN Real Estate App: Build a Modern Marketplace."

📌 What You'll Learn:

🔑 Advanced Authentication: Implement JWT, Firebase, and Google OAuth for secure and seamless user access.
🏡 Real-world CRUD Operations: Create, read, update, and delete property listings using MongoDB.
💡 User-friendly Features: Enhance the user experience with image uploads, property listing management, and more.
🚀 Advanced Search Functionality: Implement cutting-edge search features to help users find what they're looking for.
🌐 Deployment Made Easy: Learn to deploy your MERN real estate app for free using the 'render' platform.

🔥 Prerequisites:
A basic understanding of JavaScript and React is recommended, but if you're eager to dive into full-stack development and excited about building a real estate marketplace, you're more than ready to get started.

Join us on this immersive journey to master the MERN stack, advanced authentication, Firebase integration, Google OAuth, and much more. By the end of this course, you'll not only have a fully functional real estate application to showcase but also a wealth of skills and knowledge to boost your web development career.

🎓 Let's embark on this exciting learning adventure together! Don't forget to like, subscribe, and hit the notification bell to stay updated with our latest tutorials and courses. 🚀

#MERNStack #WebDevelopment #RealEstateApp #FullStackDevelopment #JavaScript #React #MongoDB #NodeJS #JWTAuthentication

00:00 - Intro
02:42 - Project preview
07:57 - Install React js and Tailwind CSS and create the first template
22:13 - Create pages and routes
28:13 - Create Header component
44:58 - Create and run the server
54:38 - Connect to database
01:05:32 - Create user model
01:12:25 - Create a test api route
01:22:35 - Create sign up API route
01:40:28 - Create a middleware and a function to handle possible errors
01:50:03 - Complete sign up page Ul
01:58:55 - Complete sign up page functionality
02:15:53 - Create sign in API route
02:33:40 - Complete sign in page functionality
02:38:51 - Add redux toolkit
02:53:27 - Add redux persist
03:00:01 - Add Google OAuth functionality
03:27:54 - Update the header and make the profile page private
03:36:09 - Complete profile page Ul
03:43:58 - Complete image upload functionality
04:11:40 - Create update user API route
04:28:41 - Complete update user functionality
04:47:15 - Add delete user functionality
04:57:08 - Add sign out user functionality
05:02:36 - Add create listing API route
05:16:29 - Complete create listing page Ul
05:41:55 - Complete upload listing images functionality
06:09:38 - Complete create listing page functionality
06:36:55 - Create get user listings API route
06:44:38 - Complete show user listings functionality
07:00:06 - Complete delete user listing functionality
07:09:14 - Create update listing API route
07:16:55 - Complete update listing functionality
07:33:18 - Add image slider to the listing page
07:52:34 - Complete listing page
08:05:10 - Add contact landlord functionality to the listing page
08:27:53 - Create search API route
08:45:07 - Complete header search form functionality
08:53:41 - Create search page Ul
09:09:43 - Add onChange and onSubmit functionality to the search page
09:33:29 - Create the listing item component and show listings
10:05:20 - Add show more listings functionality
10:14:00 - Complete home page
10:39:04 - Complete about page
10:42:11 - Deploy to render

[saurabhsinghpatel]

I finished the project in a week and I got stuck many times and wasn't able to resolve errors but in the end, I somehow finished the project and deployed it. Thanks Sahand for this amazing project. Appreciate it

[anxhelocenollari]

one of the best projects out there in the entire youtube, great teacher, appreciate.

[rajatsrivastava]

An amazing working tutorial Sahand !! This is a great pilot project for all who have understood the theory of MERN but would like to see it in action, bugs and all.

[AkashhGuptaa]

i just know the theory of backend and after searching and filtering so many mern projects i ended up here. the comment section is very wholesome and pretty much impressed with the content.
i'll also start from today and will update once i'm done with the project :)

[SultanAli]

This is best MERN Full Stack project for learning and practices, every doute is clear in this tutorial. we definitely need more projects on React with SQL flavor also. ❤❤❤

[husnulnawafil]

Thanks Sahand!!! I had struggled a lot learning front-end. But this course help me a lot, you explain each code you write. Keep it like this, Sahand! Can't wait to learn more from you.

[kimn]

Sahand, your MERN Real Estate project is absolutely fantastic! I embarked on this journey just two weeks ago, and it involved three repositories, two deployment attempts, and perhaps a few extra grey hairs 🤣 but I made myself a promise to leave a comment here if everything fell into place. And indeed, it did! Thank you for your exceptional and monumental work💪. Many aspects that once seemed complex and daunting are now much clearer and manageable. You've made this learning experience incredibly enriching🤝.

[martinponce]

Sahand, you continue to dazzle with your power to teach, it is a privilege to be able to follow all your projects in web programming, a while ago I asked you for the search bar and you fulfilled it perfectly! Now I take the plunge as many of your followers will agree with my next request, an e-commerce page. Please excuse my request but I think it is very difficult to find an excellent teacher who can match your level when it comes to explaining full stack development! May your successes continue because you deserve it very well! Best regards!!

[HitsuToShiRo]

Wow, what an incredible journey! Thank you so much for this amazing 11-hour coding video. I've learned a ton and gained valuable insights. Your dedication to sharing knowledge is truly commendable. This has been an invaluable resource for my coding journey, and I can't thank you enough. Looking forward to more content from you! 🚀

[ABDERRAHIMDEFAOUI]

Your fantastic 11-hour coding video has been incredibly enlightening. I've absorbed heaps of knowledge and valuable perspectives. Your commitment to spreading knowledge is truly admirable. This has been an indispensable asset for my coding progress, and I'm immensely grateful. Eagerly anticipating more of your insightful content in the future!

[sunerose]

I'm already 1h into the course, but I have to say, that you have great talent to share your knowledge. Everything is very clear and said with a lot of details.

[elidrissielidrissi]

Très heureux d'être parmi les premiers viewers de votre video, , soo interesting, j'ai beaucoup appris grâce à vous, Merci beaucoup

[sayidali]

I admired all your tutorials and i hope you will continue doing amazing real world projects ❤

[chandranathmishra]

completed this website hand in hand with you it took total 7 days to finish it off and learnt many things from this hope you keep posting such content regularly it will be a great help to the developers

[roosaa]

Hi sahand! I just finished whole project with your instruction and explanation step by step and really learned a lots! This is my first project after I transfer to computer science field and also my first time to get in touch MERN-related project! Your tutorial is friendly to beginner! Thank you so much!! You are really amazing man!!

[ashishsinghNITR]

This is the one of the best mern project tutorial. I was completely new to development before that. I had the basic knowledge of the HTML, CSS and JS but with this tutorial I get a lot to learn.
Thanks sahand for this wonderful content. ❤❤❤

this is going to be one of the best content in the YOUTUBE

[shawnmonteiro]

I have just started to follow this tutorial and i am picking up things so quickly because of your pre structured code explanation. I am 25 percent done and im all the way to replicate it. A nice beginner friendly tutorial. Thanks a lot

[naicotaijutsu]

really good project and you explained it in detail, dividing the different sections in order to get a view of the different tasks. Enjoyed your video, please give us more!

[SamuelOjeyinka]

Thanks bro 😁 we definitely need more projects on mern stacks only right now, the tube is filled up with next js and typescript project already 🎉😊

[afaqahmad]

Sir, you're not only teaching us web but also industry-level work because pushing a code etc
Bundle of thanks😍😄😄😄😄😄😄😄😄