Description
You'll build a realtor clone app using react, Firebase, and tailwind CSS.
You'll learn how to create a professional website and publish it online so you can share it with friends and clients or add it to your portfolio.
In this new project, we'll create a stunning new listing section, custom categories, responsive design, listings cards, rent and sale pages, and listing pages with a map and image slider.
Realtor clone is the best modern real estate app.
By building this web app, you'll learn how to build any website that uses CRUD operations in react using Firebase Firestore.
You'll learn Firebase auth for complete authentication and how to sign up users using username and password and Google oAuth.
Also, we'll add Firebase auth's forgotten password feature to let users change their password via email.
You can build this website with react.js, Firebase, tailwind CSS, and leaflet and swiper js.
We'll use leaflet packages to add a map and Google geolocation API to convert addresses to latitude and longitude.
We'll learn how to use Swiper.js to add an image slider.
You'll learn how to create custom notifications with react toastify.
Like all modern websites, you'll create a spinner component for loading effects.
We'll create a reusable listing card that we can use across the website.
This course starts from scratch.
As we build this app, we'll move from simple to complex topics.
You'll learn about react functional components and their reusability.
You'll learn onChange and onSubmit listeners.
We'll use useEffect and useState react hooks to control states and fetch Firestore data.
You'll learn how to create routes, use useParams and useNavigate hooks in react router 6.
We'll create private routes and custom hooks to protect user profile pages.
You'll master tailwind CSS version 3, including how to add custom classes.
We'll deploy the website to Vercel so you can share it or add it to your portfolio.
What Will You Learn?
- Create a React js project from scratch
- Use Firebase auth for complete authentication
- Use Firebase Firestore to store and fetch data
- Learn how to sign up/in the users using username/password and Google oAuth using Firebase auth
- Learn the CRUD operations including create, read, update and delete using Firebase Firestore
Requirements
- Basic knowledge of HTML, CSS, and JavaScript
Curriculum
Course consist of total 17h 48min of content, in total.
Section 1: Introduction
Section 2: Installation and first template
Section 3: Authentication using Firebase auth version 9
Section 4: Profile page
Section 5: Listing page
Section 6: Home page
Section 7: Offers and category pages
Section 8: Deployment
About the Instructor
BitDegree platform reviews
