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

Published: 18 September 2019
on channel: Make Apps with Danny
8k
121

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

We'll add the ability to listen for whenever the user logs in or out so we can trigger some code. We'll store the user's details in our local state when the user logs in, and clear out these details when the user logs out.

SmackChat Source code:
Full Quasar Course:
Quasar Basics Playlist:
Download Fudget:
My VSCode Setup:
DONT CLICK THIS:


**** ALL VIDEOS IN THIS SERIES ****

1) Setup, Layout, Pages & Routes -
2) Design - Users Page -
3) Design - Chat Page -
4) Design - Login / Register Page -
5) Setup Vuex & Firebase -
6) Firebase - Design the Data Structure -
7) Auth - Register & Login -
8) Auth - Handle Auth State Changed -
9) Auth - Logout & Set User's Online Status -
10) Get the Users -
11) Get the Messages -
12) Display User Names -
13) Send a Message -
14) Finishing Touches -
15) Electron (Mac) & Cordova (iOS) -

MY GEAR:
- My Computer -
- My Keyboard -
- My Mouse -
- My Microphone -
- My Green Screen -
- My Portable SSD Drive -


Watch video Quasar Framework: Vue.js Chat App (8/15) - with Vuex & Firebase (for Web, Mobile & Desktop) online without registration, duration 10 minute 38 second in high hd quality. This video was added by user Make Apps with Danny 18 September 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8 thousand once and liked it 121 people.