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

Connect a Quasar 2 (Vue 3) app with Firebase Cloud Firestore - including Authentication, Security and Realtime Data Sync

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

Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia) free download

Connect a Quasar 2 (Vue 3) app with Firebase Cloud Firestore - including Authentication, Security and Realtime Data Sync

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