Vue Vuex Firebase Messaging App (Slack Clone)
What you'll learn
- Intermediate level Vue Js
- Learn to use Vuex in Vue Js Project
- Build Slack Clone
- Build Advance Realtime Messaging App
- Intermediate level Firebase Realtime Database Usage
- Social Login with Google
- Social Login with Twitter
- Securing Routes
- Custom Firebase Database Rules
- Public Channels
- Private Channels - One to one user based chat
- User online/offline status
- Notifications
- File upload
- Deploy to firebase hosting
Course content
14 lectures • 1hr 2minAuthentication
- Preview04:38
- Preview04:11
- Preview05:07
- 02:21Creating pages
- 04:13Setup login page with bootstrap
- 04:34Firebase setup
- 06:29Login with google
- 05:15Vuex state
- 04:31Dispatching an action
- 04:44Error handling during authentication
- 03:54Login with twitter
- 03:59Handling auth state change
- 02:57Securing routes
- 04:42Implementing logout
4 lectures • 20minApplication structure
5 lectures • 20minChannels
7 lectures • 29minMessaging
5 lectures • 25minUsers
6 lectures • 27minPrivate messaging
10 lectures • 38minFile upload
4 lectures • 21minNotifications
2 lectures • 7minDeploy to firebase
1 lecture • 1minSource code
Requirements
- Basic knowledge of Vue JS
Description
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??
Who this course is for:
- Someone with basic knowledge of Vue JS who wants to build Advance Realtime Web Apps with Firebase
Instructor
![Ryan Dhungel](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.4 Instructor Rating
- 10,561 Reviews
- 142,964 Students
- 20 Courses
Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.
He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.