React Responsive Real Estate Website Tutorial Using ReactJs | React Projects for Beginners | Deploy

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.

📚 Materials/References:

Complete Source Code :

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 :
FACEBOOK:
#reactjs #fullstack #webdevelopment #zainkeepscode

[ikebelida]

The arrangement of the project is just from the top to bottom and his teaching is so clean and not to mention the shortcuts so helpful <3 nice vid bro keep it up! extra sub for you.

[soteria]

This is absolutely the best tutorial video I have watched so far.... From beginning with clarity.... I wish I knew you before I missed an opportunity to secure a react job... But I'm happy now... I can go further to lookout for more remote jobs.

[TheEchegz]

22mins into this project, I had to look at your page and subscribe... The way you explain things in details is so awesome!! I really had to comment

[eduonclasses]

At 01:34:57, useState hook is used in map Method. React 'useState' hook cannot be called inside a callback.

I have tried the same way but compiler showing error.

Could anyone help for the same

[floppitommi]

at 52:45 if you don't see a gradient it is because of the z-index of the header and Hero section so what you need to do is in the css make the gradient a z-index of 2

[theempire]

only started to watch this video, but I already happy with it: NO cra, just vite and author made special starter pack for this project, detail explanation for dependencies, AND FOR EVERYTHING. thank you so much. liked and subscribed

[courtneynel]

I appreciate you using the CLI to execute this project, reminds us self-learners that knowing how to navigate our machines is just as important as the language technologies we know

[suatcelik]

Thanks to your support, I am learning React.js

[himasha]

Should appreciate his effort and time spend on creating the videos and websites for us.. Simple teaching.. Easy for beginners to understand🤩

[gavinkalaher]

At 2:07:32 I also had to use z-index: 100; to ensure that the h-menu was in front of all other elements.

[joaocorreiafreitas]

Your Teaching is so clean. Thank you. So appreciate it.

[canecaspersonalizadascriae]

Thank you very much for taking the time to share this top content, the project was great, congratulations to you, hugs!!!

[likithpentakota]

Great Effort and Good tutorial! Looking forward to the full stack version.
Easy to learn and Thanks a lot brother for making this tutorial.

[cloudcoded]

Awesome...completed with so much simple explanations

[codewithsunil]

Awesome bro🔥🔥
📚Please bring backend part also
🙏Guys pls like and share this video

[yurisegal]

Hey, a great project for beginners with simple logic and almost without functions and etc. A little bit React (few useState / few functions) and a pretty job with pure css. Thank you. See you in the next part :) Hope to see navigation / redux / styled components and material ui.

[yasirabanuka]

Thanks for this great tutorial. Looking for the full stack project soon ☺

[codecodeworld]

This is such a great tutorial, I've just finished the project and learnt so many new things from U, I especially liked how you set up the universal css in the index.css, is so neat and tidy to work with once setup, much appreciated for all of this hard work, looking forward for more to learn in the future! You have a new subscriber!👍👍😊

[abdallaabdiwahab]

this tutorial is one of the best
way to go

[bhaktharsh]

Wonderful project!!! i am very excited about future projects. i have totally done this project and also deployed this project.
thank you very much for this wonderful tutorial and guridence!!!

Hare krishna
Harsh Sharma