Home >> Courses >> Web Development >> React and Firebase project: A real estate website

React and Firebase project: A real estate website

React.js and Firebase portfolio project. Build Realtor (Real estate) clone using React js 18, Firebase 9, Tailwind CSS 3

5 (1 ratings) Last Updated:09/2022 English (US) Instructor: Sahand Ghavidel

Lectures: 29
|
Videos: 17.81 hours
|
Level: All
|
Language: English
|
Last Updated: 09/2022

Skills: React Firebase Tailwind

Eduonix Infiniti Subscription Plan

Access this and 2000+ courses for free

Free with Infiniti

Offer Price:

$3.00

Our Price:

$6.00

Original Price:

~~$12.00~~

You Save:

$6.00 (50%)

Free with Infiniti

Ends in:

00D 00H 00M 00S

29 lectures 17.81 hours English

Learn Risk Free

30 day money back guarantee

$6.00 ~~$12.00~~

About this Course

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

People interested in this course also viewed

Course Content

Prerequisites

About the Instructor

Sahand Ghavidel

Courses...

Sahand Ghavidel has degrees in Mathematics, Electrical and Computer Science and a PhD from University of Technology Sydney.

Sahand is a 15-year programmer. At 12, he learned visual basic. He's made hundreds of websites and apps using JavaScript and Python since then.

Reviews and Ratings

Top Reviews

View More Reviews

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.