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:
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:
Reactjs Tailwindcss Music App Landing page:
Reactjs Ecommerce Store tutorial for beginners:
React Sidebar Tutorial:
INSTAGRAM :
https://www.instagram.com/zainkeepscode/
FACEBOOK:
https://www.facebook.com/Zainkeepscode-107570835240033
#reactjs #fullstack #webdevelopment #zainkeepscode
source
