Quasar Framework: Vue.js Chat App (2/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 design our Users page - add a list of users with their name, character avatar and online status badge.

👉 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 (2/15) - with Vuex & Firebase (for Web, Mobile & Desktop) канала Make Apps with Danny