Vue JS and Firebase:Build an iOS and Android chat app

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

4.05 (300 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
144,374
students
10 hours
content
Aug 2020
last update
$44.99
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

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

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

Screenshots

Vue JS and Firebase:Build an iOS and Android chat app - Screenshot_01Vue JS and Firebase:Build an iOS and Android chat app - Screenshot_02Vue JS and Firebase:Build an iOS and Android chat app - Screenshot_03Vue JS and Firebase:Build an iOS and Android chat app - Screenshot_04

Reviews

Et
July 19, 2023
I rarely leave negative reviews, but unfortunately, my experience with this course compels me to express my dissatisfaction. The sound quality was poor, the instructor seemed uninterested, and the use of an outdated version was frustrating. Most importantly, the lack of clear explanations made the course hard to follow and ultimately unhelpful.
Juthawong
November 8, 2021
Awesome Course. It hard to understand at first and then it start to make sense. Overall great course!
Victor
January 8, 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.
Ed
January 20, 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!

Coupons

DateDiscountStatus
8/9/202093% OFF
expired
9/5/2020100% OFF
expired
9/27/2020100% OFF
expired
10/11/2020100% OFF
expired
10/23/2020100% OFF
expired
11/9/2020100% OFF
expired
11/23/2020100% OFF
expired
12/4/2020100% OFF
expired
1/7/2021100% OFF
expired
1/20/2021100% OFF
expired
2/11/2021100% OFF
expired
2/18/2021100% OFF
expired
3/3/2021100% OFF
expired
3/18/2021100% OFF
expired
4/6/2021100% OFF
expired
5/4/2021100% OFF
expired
5/12/2021100% OFF
expired
6/2/2021100% OFF
expired
6/9/2021100% OFF
expired
7/2/2021100% OFF
expired
7/13/2021100% OFF
expired
8/5/2021100% OFF
expired
8/10/2021100% OFF
expired
10/5/2021100% OFF
expired
10/15/2021100% OFF
expired
11/3/2021100% OFF
expired
11/3/202193% OFF
expired

Charts

Price

Vue JS and Firebase:Build an iOS and Android chat app - Price chart

Rating

Vue JS and Firebase:Build an iOS and Android chat app - Ratings chart

Enrollment distribution

Vue JS and Firebase:Build an iOS and Android chat app - Distribution chart

Related Topics

1236480
udemy ID
5/31/2017
course created date
8/8/2019
course indexed date
Bot
course submited by