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

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