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

156,736 views 2 years ago
4K
dislike
share
clip
save
ZAINKEEPSCODE
56.30K subscribers
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: 
https://full-stack-real-estate-youtube-sooty.vercel.app

Support me on : 
https://www.patreon.com/zainkeepscode
https://www.buymeacoffee.com/zainkeepscode

📚 Materials/References:
Initial website source code: 
https://github.com/ZainRk/Real-Estate-website
Initial website tutorial:
https://youtu.be/edBx-fjgh4k
Complete source code: 
https://github.com/ZainRk/Full-stack-real-estate-youtube

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: 
https://youtu.be/CKAn5dCK6RE

Reactjs Tailwindcss Music App Landing page:
https://youtu.be/2AFZDxg3Aww

Reactjs Ecommerce Store tutorial for beginners:
https://youtube.com/playlist?list=PLWEkllwWIwsCORjeytjTu3-Pr8jswdcYU

React Sidebar Tutorial:
https://youtu.be/6Ag9jB66Z8g

INSTAGRAM : 
https://www.instagram.com/zainkeepscode/
FACEBOOK:
https://www.facebook.com/Zainkeepscode-107570835240033
#reactjs #fullstack #webdevelopment #zainkeepscode