Quasar Framework: Vue.js Chat App (12/15) - with Vuex & Firebase (for Web, Mobile & Desktop)

Create a Real-Time Chat App using Quasar Framework, Vue.js, Vuex & Firebase for Web, Mobile & Desktop. Full Course: https://dannys.link/quasar

We'll display our user's name on our chat messages, and display the other user's name on their chat messages, in the "offline" banner and in the title bar on our Chat page. We'll also only show the "offline" banner if the other user is currently offline.

👉 SmackChat Source code: https://dannys.link/smackchatcode
👉 Full Quasar Course: https://dannys.link/quasar
👉 Quasar Basics Playlist: https://dannys.link/quasarbasics
👉 Download Fudget: https://www.fudget.com
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 DONT CLICK THIS: https://dannys.link/dontclick
**** ALL VIDEOS IN THIS SERIES ****

1) Setup, Layout, Pages & Routes - https://www.youtube.com/watch?v=Kfg789g_UTg&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
2) Design - Users Page - https://www.youtube.com/watch?v=EQQ6rO4VH1s&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
3) Design - Chat Page - https://www.youtube.com/watch?v=gw4bSyBgZsQ&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
4) Design - Login / Register Page - https://www.youtube.com/watch?v=8l280ydr1DY&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
5) Setup Vuex & Firebase - https://www.youtube.com/watch?v=KgI3mEPf2R4&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
6) Firebase - Design the Data Structure - https://www.youtube.com/watch?v=nUTqkCZ6EKE&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
7) Auth - Register & Login - https://www.youtube.com/watch?v=k5wN6TYanaM&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
8) Auth - Handle Auth State Changed - https://www.youtube.com/watch?v=klV9eChXrYQ&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
9) Auth - Logout & Set User's Online Status - https://www.youtube.com/watch?v=SVHZH9zF-lc&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
10) Get the Users - https://www.youtube.com/watch?v=Qdimt29v9mM&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
11) Get the Messages - https://www.youtube.com/watch?v=pzoyvPxNyYI&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
12) Display User Names - https://www.youtube.com/watch?v=75MJgC75TPY&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
13) Send a Message - https://www.youtube.com/watch?v=p2WdMLJjBjk&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
14) Finishing Touches - https://www.youtube.com/watch?v=kwdSm61naEA&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v
15) Electron (Mac) & Cordova (iOS) - https://www.youtube.com/watch?v=OoXf2wUQ6NI&list=PLAiDzIdBfy8iZTjdu3mjNglucWadtLG1v

MY GEAR:
- My Computer - https://amzn.to/32RPsYX
- My Keyboard - https://amzn.to/2p8FXpV
- My Mouse - https://amzn.to/2JsjIlB
- My Microphone - https://amzn.to/2BOzfYE
- My Green Screen - https://amzn.to/31PO33X
- My Portable SSD Drive - https://amzn.to/2pUwemY

Видео Quasar Framework: Vue.js Chat App (12/15) - with Vuex & Firebase (for Web, Mobile & Desktop) канала Make Apps with Danny