React Full Stack Responsive Real Estate website Tutorial - React Projects for Beginners, Deploy

In this Reactjs project, we will make an awesome responsive real estate full stack MERN website step-by-step. We will learn React hooks, React router, modern CSS, framer motion, mongodb, cloudinary, auth0, mantine UI and many more.

The project is surely suitable for beginners.

Demo:

Support me on :

📚 Materials/References:
Initial website source code:
Initial website tutorial:
Complete source code:

Time Stamps 👇
00:00 intro
06:52 Setup/requirements
08:27 Server side
01:38:15 Client side
02:00:00 Properties page
02:25:22 Property page
02:54:14 Map Component
03:08:03 Authentication
03:45:25 Booking modal
04:11:00 Like/Favourite
04:22:50 Custom hooks
04:34:03 Add Property
05:22:44 Search bar
05:28:41 Favourites/Bookings page
05:36:22 Making responsive
05:39:10 Deployment

More Tutorials:
React Responive Portfolio Website tutorial:

Reactjs Tailwindcss Music App Landing page:

Reactjs Ecommerce Store tutorial for beginners:

React Sidebar Tutorial:

INSTAGRAM :
FACEBOOK:
#reactjs #fullstack #webdevelopment #zainkeepscode

[ZAINKEEPSCODE]

If you are getting error while booking visits OR adding new property then,
the issue you are facing, happens when `loginWithPopup` method got blocked.

Actually, just follow these steps :
1- clear your cache OR try diff browser/account OR open in Incognito mode.
2- When you do login/signup, please note that your browser is blocking the authentication popup. You should allow that to receive valid jwt from server.
3- It's on the top, at the right side of URL bar.
4- Once you allow that refresh the page, do login and features will work fine.

[shahrozeaslam]

very good to see developers from Pakistan are also in the line of teaching beginners, proud of you brother

[No-nvme-music]

Admin panel is much needed. Very good project 👍🏾

[olaiyahabeeb]

You stand on your words! Thank you for releasing the backend of this project. You're great!

[nwankwoernestonyebuchi]

Thanks alot senior developer for this knowledge. This tutorial is one of the best I have ever found in YouTube

[ivanli]

Really appreciated! I need this to enhance my coding skill and you explain it very clearly, thanks a lot. Looking forward to getting more tutorials like this,

[bestanimerecaporiginal]

This is one of the best out there... Please work on an E-commerce website like this with the login feature

[racingmania]

Great Projects. Love to see your projects. Help me a lot as i am learning Mern Stack right know.

[SthandiweGasa]

I love these react.js projects, I have learnt a lot from them, keep them coming sir!😃

[issahaidara]

It's really an exciting project for real estate management. Thank You ZKC for your bright explanation...

[fernandomoyano]

can anybody help me? 2:15:00 I am encountering this problem: Invalid `prisma.residency.findMany()` invocation:
Error converting field "updateAt" of expected non-nullable type "DateTime", found incompatible value of "null".

[shakibshaykh]

Finally the wait is over!!! You stand by your words excited to do this project🎉

[laminfoday]

Thank you so much for the time you dedicated to creating this video, your doors will continue to open.

[DeepakKumar-dwre]

You are awesome 🤩
I repeat you are Awesome
Till now i have completed Server side coding
You have explain it so simply that i can't express in words each and every lines with easy and repeated explanation
Its amazing
Thank you

[abhinavsinghnegi]

was waiting for this since a long time, thanks a lot :)

[akashmehta]

Great project brother. You explained it very clearly. I was able to deploy my project with the help of this video. It is my first MERN stack project. Thank you very much. Hoping you'd do an Ecommerce project using MERN as well. Keep it up.

[maddbzfan]

Great project, a lot of learning material in one video. Thank you <3

[mohammadsamiur]

you are a great teacher. love you from

[noonetalkseither]

Error converting field "created" of expected non-nullable type "DateTime", found incompatible value of "null".


when i am calling the api then this above error is occurring please help me with this

[shaqeelless]

Would love a part 3 to this video with maybe a dashboard and doing role based access