• Post category:StudyBullet-3
  • Reading time:9 mins read

What you will 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

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


Get Instant Notification of New Courses on our Telegram channel.


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
English
language

Content

Create Chat App pages and signup function
Create a project reminder
Create a project
Create sign in page
Create sign up page
Connect the app to firebase
implement Vuex
Create sign up action
Toast Firebase message
Apply mixin
Browser custom photo for user profile picture
Create read file action
Sign up with custom profile picture
Auto go to sign in page after sign up
Create send email verification action
Create sign in action
Make the app remember the sign in status
Create sign out action
Check whether the email is verified
Create count down on sending verification email
Dynamic style of button
Conditionally display resend button
Add forget password function
Add profile picture and name to the left panel
Edit Profile Page
Create edit profile page
Modifiy the data and ui inside edit profile page
Create update profile function
Create two icons
Create two pages
Get all user action
Beautify the contacts page
Create send request action
Create send request function
Install lodash and make it can use the async await
Complete get my requests action
Beautify the requests
Create delete request action
Create confirm request action
Create get all friends action
Beautify the home page
Create chat page
Detail the chat page
Create send message action
Create send message function
Create get chat messages action
Display messages
Group the messages by date
Clear unnecessary code
Browse photo as message
Create read file message action
Create upload chat images action
Send image messages
Create get user key action
Create send latest message action
Modify send message action
Display latest message on friend list
Group Chat
Create chat groups page
Create new group page
Beautify the create new group page
Create group chat module
Initialize group image
Modify the readFile action
Create new group
Modify upload file action
Create group action
Create get all groups action
List out the groups
Create chatgroup page
Edit chat group page
Add options to chat group
Add pages relate to the options
Get group image
Add new members action
Add new member function
Get group members action
Modify potential member list
Display group members
Remove member
Show number of members
Determine which action group
Leave group action
Bind leave group action to method
Edit get group member action
Group info page
Delete unncessary data
Send group message action
Send group message function
Send image message
Get group messages
Display group messages
Send latest message to group
Display latest message