Social Chat - Ionic 5 Real-Time Firebase

Overview

Android apk: Download APK

get started: Get Started.

migrate to your own database: Download The doc.

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

Updated Version

• Voice Sharing
• Update code

Next Version

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

IMPORTANT: Get Started with Social chat in ionic 5

• 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 Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies — HTML, CSS, and JavaScript — with integrations for popular frameworks like Angular, React, and Vue. Get started building by installing Ionic or following our First App Tutorial to learn the main concepts. https://ionicframework.com/docs/ Before proceeding, make sure the latest version of Node.js and npm are installed. For more information to install ionic. check out for more info. npm install -g @ionic/cli

• 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