Quasar 2 & Firebase Cloud Firestore Tutorial (with Vue 3 & Pinia)
Learn how to connect a Quasar 2 app to a Firebase Cloud Firestore database - including real time data sync across devices.
👉 Full Course:
https://www.makeappsacademy.com/p/qua...
👉 Source Code (Click the one named "Quasar 2 Firebase Cloud Firestore Tutorial"):
https://makeappsacademy.com/p/resources
In this video, you'll learn how to take a Quasar 2 app, Moneyballs (created in my Vue 3 & Quasar 2 Mobile & Desktop apps course) and connect it to a Firebase Cloud Firestore database.
By the end of this video, you'll have full CRUD capabilities setup up for one user:
● Load Entries
● Add Entries
● Edit Entries
● Delete Entries
● Reorder Entries
You'll also get real-time data sync working across devices, so that if you Add / Edit / Delete an Entry on one device, you'll instantly see the change on another device.
👇 Chapters 👇
00:00 Video Introduction
01:49 (1.1) Introduction
03:30 (1.2) Editor & Software Setup
04:33 (1.3) Chrome & Vue Devtools
05:05 (1.4) Install Course App: Moneyballs
06:01 (1.5) Moneyballs Overview
13:00 (2.1) Introduction to Firebase
14:48 (2.2) Create a Firebase Project
15:55 (2.3) Create App & Install Firebase
17:55 (2.4) Setup Firestore Database
21:48 (2.5) Connect to Database
24:17 (3.1) Get Entries Store Ready for Firebase
27:34 (3.2) Display Entries from Firestore
32:04 (3.3) Get Entries in Real Time
40:08 (3.4) Add a Loading Screen
45:43 (3.5) Add Entry
52:34 (3.6) Add Entry with Firebase IDs
58:43 (3.7) Delete Entry
01:01:00 (3.8) Update Entry
01:04:50 (4.1) Order Entries
01:10:42 (4.2) Add Order Number to New Entry
01:14:44 (4.3) Add Order Number for First Entry Added
01:16:56 (4.4) Update Order Numbers on Sort
Watch video Quasar 2 & Firebase Cloud Firestore Tutorial (with Vue 3 & Pinia) online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 20 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,82 once and liked it 7 people.