Quasar 2 Firebase Cloud Firestore (with Vue 3 Pinia)

Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia), available at $54.99, has an average rating of 4, with 69 lectures, based on 1 reviews, and has 27 subscribers.

You will learn about How to connect a Quasar 2 app to a Firebase Cloud Firestore database How to setup Firebase Authentication so users can Register, Login & Log out How to setup Firebase Security Rules to secure your users data How to get the finished app built & working for Web, iOS, Android, Mac & Windows This course is ideal for individuals who are Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore It is particularly useful for Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore.

Enroll now: Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)

Summary

Title: Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)

Price: $54.99

Average Rating: 4

Number of Lectures: 69

Number of Published Lectures: 69

Number of Curriculum Items: 69

Number of Published Curriculum Objects: 69

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

How to connect a Quasar 2 app to a Firebase Cloud Firestore database

How to setup Firebase Authentication so users can Register, Login & Log out

How to setup Firebase Security Rules to secure your users data

How to get the finished app built & working for Web, iOS, Android, Mac & Windows

Who Should Attend

Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore

Target Audiences

Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore

In this course, you’ll learn how to connect a Quasar 2 app (with Vue 3 & Pinia) to a Firebase Cloud Firestore Database.

You’ll start by downloading and launching the course app, Moneyballs (from my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia).

You’ll connect Moneyballs to a Firebase Cloud Firestore database and add full CRUD capabilities for one user:

Get and display Entries from Firestore

Add Entry

Delete Entry

Update Entry

Reorder Entries

You’ll then create an Auth page where a user can login & register and setup Firestore Authentication:

Register User

Logout User

Login User

Redirect the User on Login & Logout

You’ll then add support for Multiple Users and add security to the app:

Navigation Guards

Firebase Security Rules

Finally, you’ll build the app for production and get it working on 5 platforms:

Web browser

iOS

Android

Mac

Windows

By the end of this course, you’ll have a thorough understanding of how to connect your own Quasar 2 app to a Firebase Cloud Firestore database.

For this course, I recommend:

Having completed my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia)

Using a Mac

Having a basic understanding of Vue 3 (Composition API), Quasar, Pinia & JavaScript

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Editor & Software Setup

Lecture 3: Chrome & Vue Devtools

Lecture 4: Install Course App: Moneyballs

Lecture 5: Moneyballs Overview

Lecture 6: Download Source Code

Chapter 2: Firebase: Introduction & Setup

Lecture 1: Introduction to Firebase

Lecture 2: Create a Firebase Project

Lecture 3: Create App & Install Firebase

Lecture 4: Setup Firestore Database

Lecture 5: Connect to Database

Lecture 6: Download Source Code

Chapter 3: Read, Add, Delete & Update Entries

Lecture 1: Get Entries Store Ready for Firebase

Lecture 2: Display Entries from Firestore

Lecture 3: Get Entries in Real Time

Lecture 4: Add a Loading Screen

Lecture 5: Add Entry

Lecture 6: Add Entry (with Firebase IDs)

Lecture 7: Delete Entry

Lecture 8: Update Entry

Lecture 9: Download Source Code

Chapter 4: Order & Reorder Entries

Lecture 1: Order Entries

Lecture 2: Add Order Number to New Entry

Lecture 3: Add Order Number for First Entry Added

Lecture 4: Update Order Numbers on Sort

Lecture 5: Download Source Code

Chapter 5: Auth Page (Register & Login)

Lecture 1: Auth Page – Setup Layout, Page & Route

Lecture 2: Add a Card & Title

Lecture 3: Add Tabs for Login & Register

Lecture 4: Add the Form Elements

Lecture 5: Check Form in Dark Mode

Lecture 6: Dynamic Submit Button

Lecture 7: Hook Up the Form Fields

Lecture 8: Handle Form Submit

Lecture 9: Basic Validation & Error Dialog

Lecture 10: Handle Submit Success

Lecture 11: Redirect Back to Entries Page

Lecture 12: Download Source Code

Chapter 6: Authentication

Lecture 1: Firestore Authentication & Auth Store

Lecture 2: Register User

Lecture 3: Logout User

Lecture 4: Login User

Lecture 5: Listen for Auth Changes

Lecture 6: Store User’s Email & User ID

Lecture 7: Improve Logout Button

Lecture 8: Redirect User on Auth Change

Lecture 9: Download Source Code

Chapter 7: Multiple Users

Lecture 1: Restructure Database for Multiple Users

Lecture 2: Setup Refs for Multiple Users

Lecture 3: Clear Entries array in State when user logs out

Lecture 4: Unsubscribe from the Get Entries Listener

Lecture 5: Download Source Code

Chapter 8: Security: Navigation Guards

Lecture 1: Add a Router Boot File

Lecture 2: Add Navigation Guard Restrictions

Lecture 3: Smoother Login (for Returning User)

Lecture 4: Download Source Code

Chapter 9: Security: Firestore Security Rules

Lecture 1: Poor Security Demonstration

Lecture 2: Secure Data with Firebase Security Rules

Lecture 3: Download Source Code

Chapter 10: Platforms

Lecture 1: Web

Lecture 2: iOS (Fix Capacitor Error)

Lecture 3: Android (Fix the Jitters)

Lecture 4: Mac

Lecture 5: Windows

Lecture 6: Download Source Code

Chapter 11: Extra: Order Entries with Firestore Query

Lecture 1: Remove entriesOrdered Getter

Lecture 2: Order Entries with Firestore Query

Lecture 3: Download Source Code

Chapter 12: Bonus Lectures

Lecture 1: Bonus Lecture

Instructors

Danny Connell
Indie App Developer & Instructor

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 1 votes

5 stars: 0 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!