Vue Vuex Firebase Messaging App (Slack Clone)
- Description
- Curriculum
- FAQ
- Reviews
Welcome to build Modern Realtime Web App with Vue.js VueX and Firebase Realtime database.
TECHNOLOGY STACK:
-
We will be using Vue js, a progressive javascript framework.
-
We will use Vuex to manage the data for our application in one centralized place.
-
We will be using Firebase which is a real time database by google.
-
We will be using Bootstrap4 for styling.
Firebase is popular backend service that makes authentication and data storage easy. And it all happens in real time!
The application you will learn to build in this course, will be an Advance Messaging App, a slack clone.
In this application, users will be able to communicate with each other in a group environment where they will all be inside a channel.
There will also be a feature where one user will communicate with another user in one on one basis and this will be private messaging.
By the end of this course, you will be much comfortable to work with firebase and obviously vue js and vuex.
The skills you will learn from this course is applicable to the real world, so you can go ahead and build similar app or build something different. no matter what, the concepts you will learn in this course will be extremely very helpful to you.
COURSE HIGHLIGHTS:
Authentication with Google and Twitter
Easy integration of VueX with Vue.js
Flexible firebase realtime database
Channels and Private messaging
Image Upload
Application scalability
Writing custom database rules
Users online/offline status
Notification
and much more 🙂
So… are you ready for the adventure??
-
1Course IntroductionVideo lesson
-
2Project setupVideo lesson
-
3Files and folder structureVideo lesson
-
4Creating pagesVideo lesson
-
5Setup login page with bootstrapVideo lesson
-
6Firebase setupVideo lesson
-
7Login with googleVideo lesson
-
8Vuex stateVideo lesson
-
9Dispatching an actionVideo lesson
-
10Error handling during authenticationVideo lesson
-
11Login with twitterVideo lesson
-
12Handling auth state changeVideo lesson
-
13Securing routesVideo lesson
-
14Implementing logoutVideo lesson
-
42File upload modalVideo lesson
-
43File upload getting pathVideo lesson
-
44File upload progress barVideo lesson
-
45Firebase storage custom rulesVideo lesson
-
46Upload stateVideo lesson
-
47Upload file reset formVideo lesson
-
48Create message with or without imageVideo lesson
-
49Message with content or image rulesVideo lesson
-
50Render imagesVideo lesson
-
51Disable button while uploadingVideo lesson
External Links May Contain Affiliate Links read more