Social Chat - Ionic 4 Real-Time Firebase

Overview

Android apk:

This Application covers everything that you need in social chat application, in ionic 4 and firebase leatest version. This is clean code, more readable and beautiful, the same functionality of facebook, whatsapp, messenger This Application tested and trusted on Android, OS, also this code is written on ionic 4 framework and firebase leatest version, the app uses SASS, which is known as CSS with power of each component has dedicated SASS file for styling make it very beautiful looking UI.

1st Version

• Social Chat Application with ionic 4 fully Hybrid App using Angular 8.
• Implement Push notification.
• App will release in PWA.
• Multiple language support.
• User Login and Register.
• User Login with Facebook Account.
• User login with Google Account.
• Email Authentication.
• Enable Online/Offline.
• Change Email.
• Change Password.
• Typing Indicator
• Update Profile
• Firebase Cloud Push Notification.
• User can chat with each other and also see recents chat and previous chats.
• User can post through his timeline.
• User like and comment on post.
• User can view his comment Notification and Replay, base on what his post in the timeline.
• Location Sharing.
• User search friends.
• Accept Friend request/ Send friend request.
• Unfriend User
• User see, Who is online and Last seen.
• User create groups chat.
• Groups Admin, also add friend to group/Admin can delete.
• User can delete message.
• Post reporting.
• Social Sharing.
• E.T.C

2st Version (16th-March-2020)

• Video Call
• Voice Sharing
• AI image recognition
• Tag Friend
• Update code

IMPORTANT: Get Started with Social chat in ionic 4

• Download Node js

Node.js is an open-source and cross-platform JavaScript runtime environment. It is a popular tool for almost any kind of project! Download Node js https://nodejs.org/en/download/

• Installing ionic

Ionic apps are created and developed primarily through the Ionic commandline utility. The Ionic CLI is the preferred method of installation, as it offers a wide range of dev tools and help options along the way. It is also the main tool through which to run the app and connect it to other services, such as Ionic Appflow. npm install -g ionic Before proceeding, make sure the latest version of Node.js and npm are installed. See For more information visit https://ionicframework.com/docs/faq/glossary#npm

• unzip the file.

• open the file , make sure your current folder in your IDE or visual studio code.

• navigate to your terminal

• npm install

• ionic serve

• ionic cordova build android

• ionic cordova build ios