Vue JS and Firebase:Build an iOS and Android chat app (2021)
What you'll learn
- Build an amazing real world iOS and Android Chat Application
- Implement Firebase Authentication to the mobile app
- Send Image to your friends through the mobile app you create
- How to create one on one chat
- How to create a group chat which allow to add and remove members
- Implement email verification and forget password to the Firebase Authentication
Course content
- 00:09Create a project reminder
- 00:14Source code
- Preview11:14
- Preview14:36
- 09:51Create sign up page
- 04:13Connect the app to firebase
- 05:30implement Vuex
- 16:05Create sign up action
- 12:59Toast Firebase message
- 04:06Apply mixin
- 03:46Browser custom photo for user profile picture
- 12:18Create read file action
- 15:28Sign up with custom profile picture
- 05:08Auto go to sign in page after sign up
- 04:59Create send email verification action
- 10:11Create sign in action
- 03:49Make the app remember the sign in status
- 04:05Create sign out action
- 06:40Check whether the email is verified
- 11:18Create count down on sending verification email
- 03:02Dynamic style of button
- 04:09Conditionally display resend button
- 05:49Add forget password function
- 12:06Add profile picture and name to the left panel
Requirements
- Basic VueJS knowledge is required
- ES6 knowledge is an advantage
- A basic understanding of HTML, CSS & JavaScript
Description
Master the VueJS and Firebase together to build an amazing iOS and Android chat application. By learning from this course, you are not only can build chat application, but also can apply these knowledge to build other incredible applications.
If you’re looking to get started building a real-world mobile chat app, then this course is best for you. In this course, I will teach you how to use Vue JS and Framework7 as frontend, Firebase as backend to build the chat app from scratch.
VueJ S is a very simple framework, which combine with the best of Angular and React
Framework7 is an open source framework7, which let you develop mobile, desktop or web app with a native look and feel
Firebase is a real time database, it allows you to create authentication easily, user can login with email, google, Facebook and twitter account.
The course will cover
Firebase user Authentication
Forget the password
Email Verification
Firebase real time database
One on one chat
Group chat
Who this course is for:
Anyone who wants to learn how to create native view mobile app with Vue JS & Firebase
Anyone who wants to learn Vue JS and Firebase
Anyone who wants to learn about Authentication in Vue JS apps
Anyone who wants to learn how to use Firebase in their real time applications
Who this course is for:
- You are interested in building a state-of-the-art iOS and Anrdoid applications
- You are looking for the best back-end which can help to create a real time application
- You are looking for the framework which is much easier than Angular or React
Instructor
![Kim Chen](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.2 Instructor Rating
- 2,796 Reviews
- 251,371 Students
- 10 Courses
He is a registered teacher who has experience in teaching javascript, physics, maths and statistics for over 10 years.
He got a master degree in data science and statistics, computer science in the University of Hong Kong.
He got GPA 3.55/4.0 and got A in the following subjects
Foundations of Data Science
Statistics of Management
Regression in Practice
Stochastic Modelling
Simulations and Statistical Computing
He now enjoys teaching others and continues to learn every single day.