Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)
Connect a Quasar 2 (Vue 3) app with Firebase Cloud Firestore - including authentication, security & realtime data sync across devices. (NEW!)
Watch PromoGet started now!
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
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
Your Instructor
I spent 7 years working for various companies in the UK as a Web Developer (both front- and back-end) becoming highly skilled in HTML, CSS, JavaScript, jQuery, PHP and many more.
After becoming more interested in apps, I worked for 2 years as a Hybrid App Developer, creating cross-platform apps for the charity sector using technologies including Angular, Ionic, Vue.js and more.
I created my own successful app called Fudget (for iOS, Android, Mac & Windows) which is the highest user-rated personal finance app on iOS with over 2 million downloads. This eventually enabled me to leave my job and become a full-time Indie App Developer, working on my own apps.
I have a successful YouTube channel where I also share coding tutorials.
I'm super excited to share my knowledge here!
Course Curriculum
-
PreviewGet Entries Store Ready for Firebase (3:10)
-
PreviewDisplay Entries from Firestore (4:29)
-
PreviewGet Entries in Real Time (8:04)
-
PreviewAdd a Loading Screen (5:35)
-
PreviewAdd Entry (6:51)
-
PreviewAdd Entry (with Firebase IDs) (6:09)
-
PreviewDelete Entry (2:17)
-
PreviewUpdate Entry (3:49)
-
StartDownload Source Code