ReactJS 18 and Firebase 9 Project - Realtor Clone

You'll use react, Firebase, and tailwind CSS to make an app that works like realtor.com.

Source code and final version: https://github.com/sahandghavidel/realtor-clone-react

You'll learn how to make a professional website and put it online so you can share it with friends and clients or add it to your portfolio.

In this new project, we'll make a beautiful new listing section, custom categories, a responsive design, listing cards, rent and sale pages, and listing pages with a map and image slider.

Realtor clone is the best real estate app on the market today.

By making this web app, you'll learn how to use Firebase Firestore to build any site that uses CRUD operations.

You'll learn how to use Firebase auth for full authentication and how to sign up users with a username and password and Google oAuth.

Also, we'll add Firebase auth's "forgot password" feature so that users can change their passwords via email.

You can use react.js, Firebase, tailwind CSS, and leaflet and swiper js to build this website.

We'll use leaflet packages to add a map and the Google geolocation API to turn addresses into latitude and longitude.

We'll learn how to add an image slider using Swiper.js.

You'll learn how to use react toastify to make your own notifications.

You'll make a spinner component for loading effects, just like all modern websites do.

We'll make a listing card that can be used across the website and can be used more than once.

This class starts from the beginning.

As we work on this app, we'll move from easy to hard topics.

You'll learn about react functional components and how you can use them again and again.

You'll learn about the listeners for onChange and onSubmit.

We'll use the useEffect and useState hooks in React to change states and get data from Firestore.

You'll learn how to make routes and use the useParams and useNavigate hooks in react router 6.

To protect user profile pages, we will make private routes and custom hooks.

You'll know everything about tailwind CSS version 3, like how to add custom classes.

We'll add the website to Vercel so you can share it or add it to your portfolio.