In this video, we build out a full CRUD (create, read, update & delete) invoice app using Vue 3, Vuex & Firebase.

Timestamps:
0:00 Introduction
6:28 Project Setup
10:56 Branding Component
19:59 Mobile Detection
25:25 Home View Header
41:36 Invoice Modal Component (HTML & CSS)
1:20:48 Toggle Invoice Modal
1:26:55 Animate Invoice Modal (Vue Animations)
1:31:34 Generate Invoice Date with Javascript
1:34:18 Generate Payment Due Date with JavaScript
1:37:33 Add New Invoice Items
1:41:40 Firebase/Firestore Setup
1:45:16 Sending Invoice Data To Firestore
1:56:06 Loading Animation Component
2:00:46 Pop-up Modal Component
2:10:57 Retrieve Firestore Data
2:22:32 Invoice Component
2:40:18 No Invoice Fallback
2:43:49 Invoice View (Retrieving single invoice, HTML, & CSS)
3:20:33 Edit Invoice
3:48:46 Delete Invoice
3:53:00 Update Invoice Status
4:01:47 Filtering Invoice By Status

Repo: https://github.com/johnkomarnicki/vue-invoice-app/tree/master
Project source: https://tinyurl.com/frontendmentor

Subscribe: https://www.youtube.com/@JohnKomarnicki/featured 

#javascript #firebase