Details for this torrent 

React.js and Firebase Project - ReactJS 18, Firebase 9 Project
Type:
Other > Other
Files:
61
Size:
10.29 GiB (11045817048 Bytes)
Uploaded:
2022-10-05 06:33:57 GMT
By:
tuts756 Trusted
Seeders:
7
Leechers:
2
Comments
0  

Info Hash:
85A66B92EF7AD02D5FC720C8FFE790E72080A057




(Problems with magnets links are fixed by upgrading your torrent client!)
Description

NEW React.js 18 and Firebase 9 project.

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

The best course to learn React.js, Firebase and Tailwind CSS creating a real estate website. In this brand new course, you are going to learn how to build the realtor clone using ReactJS version 18, Firebase version 9 and tailwind CSS version 3.

Welcome to the project where you’ll build and deploy a realtor clone application using the newest version of react, Firebase and tailwind CSS. You’ll learn how to develop a professional website and deploy it to the internet so that you can share it with your friends and potential clients or put it on your portfolio. In this brand new project, we going to create an stunning new listing section, custom categories, responsive design, listings cards, rent and sale pages, and most importantly listing pages where you can see the map and image slider. Realtor clone is the best modern fully functional real estate application that you can currently find. By building this single web app, you’ll get the knowledge needed to build any website that uses CRUD operations including create, read, update and delete in react using Firebase Firestore database. You are going to learn Firebase auth for complete authentication and learn how to sign up or sign in the users using username and password and Google oAuth. Also, we going to add forgot password functionality using Firebase auth to let the users get the email with the link to change their password.

you’ll be able to develop this website using the most in demand technologies today such as react.js, Firebase, tailwind CSS and with just a couple of other dependencies like leaflet and swiper js. We are going to add a map using leaflet packages, and use Google geolocation API to convert addresses to latitude and longitude values. We are going to  learn how to use Swiper.js latest version to add a super amazing image slider. and you will learn how to use react toastify package to create nice and customized notifications. and like all modern websites, you are going to create a beautiful spinner component and use it in all pages requiring loading effects. We are going to learn how create a reusable component such as a listing card that we can use in different parts of the website.

You’ll build everything from scratch by watching this course. We’re going to start simple and then we’re going to move to more complex topics as we go alongside building this application. you’ll learn react functional components and their re-usability, react file and folder structure. You are going to learn important react events like onChange and onSubmit event listeners. We are going to learn how to use useEffect and useState react hooks to control the states and fetch data from the Firestore database. Also, you are going to learn how to create routes, use useParams and useNavigate hooks using react router latest version version 6. We are going to work on creating private routes and custom hooks for protecting the important pages like user profile page. You’ll achieve mastery using tailwind CSS version 3. and learn how to style the project using Tailwind CSS including how to add custom classes. And finally, we are going to deploy the website to Vercel to be able to share it with others or put it on your portfolio.

You might be wondering what are the prerequisites for building such an amazing website. You just need to know a bit of HTML CSS and JavaScript it would be great.

My name is Sahand, and I have over 15 years of programming experience.

I will be your instructor and answer any questions you may have in the comment section.
Who this course is for:

    React developers who want to have a portfolio project

Requirements

    Basic knowledge of HTML, CSS, and JavaScript

Last Updated 9/2022

[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/6. Add functionality of onchange and onsubmit functions to the create listing page.mp41.09 GiB
TutsNode.net.txt63 B
[TGx]Downloaded from torrentgalaxy.to .txt585 B
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/1. Introduction/1.1 Source code and final version.html114 B
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/2. Installation and first template/1.1 Source code and final version.html114 B
.pad/072.82 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/5. Create the create listing page UI.mp4896.45 MiB
.pad/11.55 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/3. Authentication using Firebase auth version 9/1. Create Sign in, Sign up and Forgot password pages and OAuth component.mp4787.35 MiB
.pad/2662.8 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/5. Listing page/4. Create the landlord contact component.mp4674.64 MiB
.pad/31.36 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/3. Authentication using Firebase auth version 9/2. Install firebase and react-toastify and sign up the user.mp4597.58 MiB
.pad/4425.49 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/5. Listing page/3. Add the listing information to the listing page.mp4589.84 MiB
.pad/5163.14 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/8. Complete the listingItem component.mp4559.62 MiB
.pad/6386.09 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/6. Home page/2. Complete home page by adding recent offers, places for rent and place for sale.mp4475.25 MiB
.pad/7768.48 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/1. Create private route for protecting the profile page and logout functionality.mp4466.37 MiB
.pad/81.63 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/6. Home page/1. Create slider component and add it to the home page.mp4428.26 MiB
.pad/91.74 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/7. Offers and category pages/1. Complete the offers page.mp4406 MiB
.pad/102.87 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/7. Add my listings section to the profile page and create the listingItem component.mp4360.86 MiB
.pad/111.14 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/5. Listing page/1. Create listing page and use Swiper to add the image slider.mp4334.29 MiB
.pad/121.71 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/10. Create EditListing page.mp4296.66 MiB
.pad/131.34 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/2. Installation and first template/1. Install React js and Tailwind CSS and create the first template.mp4295.48 MiB
.pad/14528.41 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/9. Add delete and edit functionality to the my listing section.mp4287.93 MiB
.pad/1571.72 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/2. Installation and first template/3. Create the header component.mp4269.12 MiB
.pad/16899.98 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/5. Listing page/5. Add map to the listing page using leaflet and react-leaflet packages.mp4236.11 MiB
.pad/171.89 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/3. Authentication using Firebase auth version 9/3. Complete the OAuth functionality.mp4209.1 MiB
.pad/18920.29 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/3. Add the edit functionality to the profile page.mp4207.51 MiB
.pad/19504.18 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/5. Listing page/2. Add share copy functionality.mp4176.98 MiB
.pad/201.02 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/7. Offers and category pages/2. Create the places for rent and sale pages.mp4152.22 MiB
.pad/211.78 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/2. Installation and first template/2. Create pages and routes.mp4146.05 MiB
.pad/221.95 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/4. Create the spinner component.mp4111.91 MiB
.pad/2391.99 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/4. Profile page/2. Complete the header component and make it dynamic.mp4108.32 MiB
.pad/241.68 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/8. Deployment/1. Deploy to vercel.mp491.38 MiB
.pad/25631.23 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/3. Authentication using Firebase auth version 9/4. Complete the Sign in functionality.mp487.04 MiB
.pad/26983.28 KiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/3. Authentication using Firebase auth version 9/5. Complete the forgot password page functionality.mp484.13 MiB
.pad/271.87 MiB
[TutsNode.net] - React.js & Firebase Project - ReactJS 18, Firebase 9 Project/1. Introduction/1. Introduction.mp454.11 MiB