Top 6 Recommended Firebase Self-Study Materials! [December 2023]

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.

1. Introduction
2. Introduction
3. Installation and first template
4. Install React js and Tailwind CSS and create the first template
5. Create pages and routes
6. Create the header component
7. Authentication using Firebase auth version 9
8. Create Sign in, Sign up and Forgot password pages and OAuth component
9. Install firebase and react-toastify and sign up the user
10. Complete the OAuth functionality
11. Complete the Sign in functionality
12. Complete the forgot password page functionality
13. Profile page
14. Create private route for protecting the profile page and logout functionality
15. Add the edit functionality to the profile page
16. Complete the header component and make it dynamic
17. Create the spinner component
18. Create the create listing page UI
19. Add functionality of onchange and onsubmit functions to the create listing page
20. Add my listings section to the profile page and create the listingItem component
21. Complete the listingItem component
22. Add delete and edit functionality to the my listing section
23. Create EditListing page
24. Listing page
25. Create listing page and use Swiper to add the image slider
26. Add share copy functionality
27. Add the listing information to the listing page
28. Create the landlord contact component
29. Add map to the listing page using leaflet and react-leaflet packages
30. Home page
31. Create slider component and add it to the home page
32. Complete home page by adding recent offers, places for rent and place for sale
33. Offers and category pages
34. Complete the offers page
35. Create the places for rent and sale pages
36. Deployment
37. Deploy to Vercel

Hello Students

Welcome to Python Firebase with Firebase Admin SDK course, there are different topics and sections in this course.

What is Python ?

Python is an interpreted high-level general-purpose programming language. Its design philosophy emphasizes code readability with its use of significant indentation. Its language constructs as well as its object-oriented approach aim to help programmers write clear, logical code for small and large-scale projects.

What is Firebase ?

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

What is Firebase Admin SDK ?

The Admin SDK is a set of server libraries that lets you interact with Firebase from privileged environments to perform actions like:

• Read and write Realtime Database data with full admin privileges.

• Programmatically send Firebase Cloud Messaging messages using a simple, alternative approach to the Firebase Cloud Messaging server protocols.

• Generate and verify Firebase auth tokens.

• Access Google Cloud resources like Cloud Storage buckets and Cloud Firestore databases associated with your Firebase projects.

• Create your own simplified admin console to do things like look up user data or change a user's email address for authentication.

Firebase Admin SDK supports different programming languages like Java, C#, NodeJS, C++ and Python, in this course we are interested in

integrating Firebase Admin SDK with Python Programming Language.

Course Structure

This course is divided in to different sections.

1: In the first section we are going to learn that how we can create a Project in Firebase, how we can generate private key for our service account, and how we can initialize Firebase Admin SDK in Python Programming Language.

2: In the second section we are going to learn about Firebase Authentication,  so Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords,  phone numbers, popular federated identity providers like Google,  Facebook and Twitter, and more, in this course we are interested in creating users with email and password.

3. In the third section we are going to learn about Firebase Realtime Database, now the The Firebase Realtime Database lets you build rich, collaborative applications by allowing secure access to the database directly from client-side code. Data is persisted locally, and even while offline, realtime events continue to fire, giving the end user a responsive experience.

4. In the fourth part we want to talk about Firebase Cloud Firestore with Python, the Cloud Firestore is a cloud-hosted, NoSQL database that your Apple,  Android, and web apps can access directly via native SDKs. Cloud Firestore  is also available in native Node.js, Java, Python, Unity, C++ and Go SDKs, in addition to REST and RPC APIs.

5. In the fifth part we are going to learn about Firebase Cloud Storage, the Cloud Storage for Firebase lets you upload and share user generated content, such as images and video, which allows you to build rich media content into your apps. Your data is stored in a Google Cloud Storage.

6. In the sixth part we are going to learn that how we can work with Pyrebase4, it is a wrapper library around firebase admin sdk.

1. Course Introduction
2. Course Introduction
3. Course Requirements
4. Firebase Configuration with Python
5. Section Introduction
6. Firebase Introduction & Creating Project
7. Firebase Admin SDK Installation
8. Creating Service Account Key
9. Initializing Firebase Admin SDK in Python
10. Firebase Authentication with Python
11. Section Introduction
12. Creating User with Email & Password in Firebase with Python
13. Firebase Authentication - Getting all users
14. Firebase Authentication - User Status
15. Firebase Authentication - Email Verification
16. Firebase Realtime Database with Python
17. Section Introduction
18. Firebase Realtime Database Introduction
19. Inserting Data to Firebase Realtime Database
20. Updating Data in Firebase Realtime Database
21. Getting the Data From Firebase Realtime Database
22. More on Firebase Real Time Database with Python
23. Querying Data from Firebase Realtime Database with Python
24. Sorting and Filtering with Firebase Real Time Database
25. Working with Nested Data in Firebase Real Time Database
26. Firebase Real Time Database Batch Operation
27. Firebase Cloud Firestore with Python
28. Section Introduction
29. Firebase Cloud Firestore Introduction
30. Inserting Data to Firebase Cloud Firestore with Python
31. Getting the Data from Firebase Cloud Firestore with Python
32. Query in Firebase Cloud Firestore
33. More on Firebase Cloud Firestore with Python
34. Real Time Updates with Python & Cloud Firestore
35. Advanced Query with Firebase Cloud Firestore
36. Update Data in Cloud Firestore with Python
37. Delete Document from Cloud Firestore with Python
38. Firebase Cloud Storage with Python
39. Section Introduction
40. Firebase Cloud Storage Introduction
41. Firebase Cloud Storage Adding Image with Python
42. More on Firebase Cloud Storage with Python
43. Uploading File to Cloud Storage
44. Uploading & Downloading Videos from Cloud Storage
45. Add Metadata to Cloud Storage
46. Working with Pyrebase4
47. Section Introduction
48. Pyrebase Introduction & Installation
49. Pyrebase4 Authentication
50. Pyrebase4 Realtime Database
51. Pyrebase4 Cloud Storage

Any IT professional or hobbyist anticipating a solid understanding of how Firebase works in JavaScript web and mobile applications and desires an understanding of Firebase's suite of features (including its real-time database, user authentication options, Cloud Function serverless back-end integration, and Cloud Messaging features) needs to go through this course to leverage Firebase in new or existing web projects.  Anyone desiring to learn how Firebase solutions are designed, configured, and developed needs the knowldege and practice presented in this course.  This not only includes web, mobile, and service application developers, but also architects, UI designers, testers, and administrators. This course provides a solid understanding of how to get Firebase for JavaScript projects up and running.

1. Starting with Firebase
2. Introduction
3. Firebase Defined
4. Firebase and GCP
5. A Mobile Solution
6. Firebase for JavaScript
7. Firebase Features
8. Introduction
9. Authentication
10. Realtime Database
11. Cloud Functions
12. Cloud Messaging
13. A Firebase Project
14. Introduction
15. Google Authentication
16. Database Integration
17. Trollbox Implementation
18. Cloud Functions Translator
19. Additional Features
20. Introduction
21. Additional Database Operations
22. Firebase Hosting
23. User Managed Administration
24. Wrap up