You will use react, Firebase, and tailwind CSS to build a realtor.com like app.
You will learn how to make a professional website and put it online to share with friends and clients or put in your portfolio.
In this new project, we will create a listings section with custom categories, a responsive design, listings cards, rent and sale pages, and map and image slider listing pages.
Realtor clone is the most functional, up to date real estate app available.
By making this web app, you will learn how to make any website that uses CRUD operations with a Firebase Firestore database.
You will learn how to use Firebase auth for complete authentication and sign up or sign in users using a username, password, and Google oAuth. We will add “forgot password” functionality using Firebase auth so users can change their password via email.
This web application can be built with react.js, Firebase, tailwind CSS, and leaflet and swiper js. We will add a map using leaflet packages and Google geolocation API to convert addresses to latitude and longitude. We will add a cool image slider using Swiper.js.
You will learn how to use react toastify to create custom notifications.
Like all modern websites, you will make a beautiful spinner component for loading effects.
We will make a part that can be used multiple times, like a listing card.
This course teaches how to build from scratch. We will build this app from simple to complex.
You will learn how to reuse react functional components and about react files and folders. OnChange and onSubmit event listeners are covered. We will use useEffect and useState to control states and get Firestore data. You will learn how to make routes and use useParams and useNavigate hooks in React Router 6. We will create private routes and hooks to protect user profile pages.
You will become an expert in tailwind CSS version 3, including how to add custom classes. We will send the website to Vercel so you can share it or add it to your portfolio.
Source code: https://github.com/sahandghavidel/realtor-clone-react
–
There are no reviews yet.