In this Reactjs project, we will make an awesome responsive real estate website step-by-step. We learn React hooks, modern CSS, framer motion, and many more. We will use the Swiper js library for the slider to make this site more functional and practical.
No prior knowledge of react is required to follow this project. The project is surely suitable for beginners.
Fullstack version: https://youtu.be/rN1fNO-ATb0
Demo: https://real-estate-web.pages.dev/
📚 Materials/References:
Starter pack: https://github.com/ZainRk/RealEstate-web-starterpack
Complete Source Code :
https://www.patreon.com/zainkeepscode
https://www.buymeacoffee.com/zainkeepscode
Time Stamps 👇
00:00 Intro
05:00 Installing Requirements
13:40 Header
26:50 Hero
53:00 Companies
55:40 Slider/Residencies
01:17:38 Value
01:36:21 Contacts
01:51:45 Get Started
01:57:21 Footer
02:01:40 Making Responsive
02:26:25 Animations
02:30: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
