Mobile Apps


Vue JS and Firebase:Build an iOS and Android chat app (2021)

Vue JS, Vuex and Framework7 are awesome mix to build iOS and Android app. Firebase help to create a real time mobile app

4.33 (191 reviews)


10 hours


Aug 2020

Last Update
Regular Price

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


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


Vue JS and Firebase:Build an iOS and Android chat app (2021)
Vue JS and Firebase:Build an iOS and Android chat app (2021)
Vue JS and Firebase:Build an iOS and Android chat app (2021)
Vue JS and Firebase:Build an iOS and Android chat app (2021)


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


Victor8 January 2021

la instalación no contempla maquinas con Windows 10 y hay que trabajar un poco con power shell para cambiar la seguridad i poderlo instalar.

Ed20 January 2020

The teacher is really bad. No explanations of what is going on. Why do you do that? Why that way? A video of 11 minutes waiting `npm install` to finish... Come on, man!


8/9/202093% OFFExpired
9/5/2020100% OFFExpired
9/27/2020100% OFFExpired
10/11/2020100% OFFExpired
10/23/2020100% OFFExpired
11/9/2020100% OFFExpired
11/23/2020100% OFFExpired
12/4/2020100% OFFExpired
1/7/2021100% OFFExpired
1/20/2021100% OFFExpired
2/11/2021100% OFFExpired
2/18/2021100% OFFExpired
3/3/2021100% OFFExpired
3/18/2021100% OFFExpired
4/6/2021100% OFFExpired
5/4/2021100% OFFExpired
5/12/2021100% OFFExpired


Udemy ID


Course created date


Course Indexed date
Course Submitted by