React.Js 18 and Firebase 9 Project

React.Js 18 and Firebase 9 can be used to build and develop websites with minimum code. Through this course, you will learn how to create a real estate website by learning and using React.js 18, Firebase 9, and Tailwind CSS3.

Using the most recent versions of React, Firebase, and Tailwind CSS, you will develop and release a realtor clone application in this project. You'll discover how to create a polished website and publish it online so you can share it with friends and potential clients or add it to your portfolio. A magnificent new listing section, bespoke categories, responsive design, listing cards, rent and sale pages, and most importantly, listing pages where you can see the map and image slider will all be created for this brand-new project.

React.Js 18 and Firebase 9 Project Overview

Realtor Clone is the greatest contemporary, fully functional real estate app available right now. By developing this single web application, you will learn the skills required to build any website that performs CRUD activities, such as creating, reading, updating, and deleting in React using the Firebase Firestore database. For comprehensive authentication, you will learn Firebase auth. You will also learn how to register or login users using a username, password, and Google oAuth. Also, we'll add a forgotten password feature that uses Firebase auth to send users an email with a link to change their password.

The most popular technologies of today, including react.js, Firebase, and tailwind CSS, can be used to create this website with only a few additional dependencies, such as Leaflet and Swiper Js. We'll utilize leaflet packages to create a map and the Google geolocation API to translate addresses into latitude and longitude coordinates. We will learn how to add an incredibly stunning picture slider using the most recent version of Swiper.Js.

You will discover how to build fantastic and personalized notifications using the React Toastify library. Also, you'll create a stunning spinner component and use it on all pages that call for loading effects, just like all contemporary websites do. In this lesson, we'll learn how to make a reusable element that may be used throughout the website, like a listing card.

In this course, you will create everything from scratch. As we proceed with developing this application, we'll start with simpler themes before moving on to more complicated ones. React functional components and their reuse, as well as react file and folder structure, will be covered. React events like onChange and onSubmit event listeners will be taught to you. We'll learn how to manage the states and retrieve data from the Firestore database using the useEffect and useState react hooks.

Also, you will learn how to use the most recent version 6 of react-router to create routes, use params, and use traverse hooks. For securing crucial pages like the user profile page, we'll concentrate on developing private routes and unique hooks. You'll gain proficiency with Tailwind CSS version 3 and discover how to use it to style the project, including how to apply custom classes. The website will then be deployed to Vercel so that you can share it with others or add it to your portfolio.

Who this course is for:

• React developers who want to have a portfolio project