Build a Invoice App With Vue 3, Vuex & Firebase

Описание к видео Build a Invoice App With Vue 3, Vuex & Firebase

In this video, we build out a full CRUD (create, read, update & delete) invoice app using Vue 3, Vuex & Firebase.
-----------------------------------------------------------------------------------------------------
Repo: https://github.com/johnkomarnicki/vue...
Project source: https://tinyurl.com/frontendmentor
-----------------------------------------------------------------------------------------------------
Referenced/helpful videos to watch based on this project:
Dynamic Page Titles with Vue 3:    • Dynamic Page Titles With The Vue 3 Ro...  
CSS Animations :    • Creating Loaders Using Pure CSS | CSS...  
Vue 3 Animation Docs: https://v3.vuejs.org/guide/transition...
-----------------------------------------------------------------------------------------------------
Website: https://johnkomarnicki.com/
Patreon:   / johnkomarnicki  
Twitter:   / john_komarnicki  
LinkedIn:   / john-komarnicki  
-----------------------------------------------------------------------------------------------------
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
-------------------------------------------------------------------------------------------------------
#vue3 #vuejs #firebase
Current Subscribers: 1,130

Комментарии

Информация по комментариям в разработке