Ionic

Configuration for MyChat

Hello friends. Now MyChat app is out in the market and you can experience it live here

Let me give you some brief details about this app:

MyChat is a Chat app powered by Firebase and developed using Ionic 3.

This is a fully functional application and not just a template. Here the user can register, Sign in and then start chatting with other people, can send a friend request, receive request etc. It supports push notifications and users can block each other and many other silent features too.

Key Features-

1. Firebase authentication via email password.
2. Connect with a friend with Unique Access Code.
3. Image, Text, and emoji supported in chat.
4. Block and unblock a user.
5. Push notification on new request and on new messages.
6. Save your chat on offline mode.
7. Unread messages count on the friend’s list.
8. Update profile image, change status and other details.

Supported Platform

Android and iOS. (Windows not tested but should work)

Ionic Version – 3.2.0

Technology Used –

Ionic 3, Firebase, sqlite-2.0.4

Installation Requirements –

cordova CLI- 6.5.0
Node version-6.9.2

Plugins Used-

cordova-plugin-camera -2.4.1

cordova-sqlite-storage-2.0.4

Firebase-3.9.0

ionic-plugin-deploy-0.6.7

phonegap-plugin-push -1.10.5

 

After downloading the code, please run these commands.

&amp;amp;lt;br&amp;amp;gt;&amp;lt;br&amp;gt;&lt;br&gt;<br>
npm install&amp;amp;lt;/p&amp;amp;gt;&amp;lt;br&amp;gt;&lt;br&gt;<br>
&amp;amp;lt;p&amp;amp;gt;ionic serve&amp;amp;lt;/p&amp;amp;gt;&amp;lt;br&amp;gt;&lt;br&gt;<br>
&amp;amp;lt;p&amp;amp;gt;ionic cordova platform add android&amp;amp;lt;/p&amp;amp;gt;&amp;lt;br&amp;gt;&lt;br&gt;<br>
&amp;amp;lt;p&amp;amp;gt;ionic cordova build android --release&amp;amp;lt;br&amp;amp;gt;&amp;lt;br&amp;gt;&lt;br&gt;<br>

In this article series we will see how to setup the code, Firebase, Push notification, Facebook and Google implementation. In this first article you can see the prerequisite for the project to run properly on system. To setup Firebase please check our next article here.

You can download the full working source code from here.

Most Popular

Have a Great startup Idea and want to make it possible? Looking for an extraordinary team to build a mobile or Web app for your idea to come into reality? Then you are at right place. I provide my services for mobile and web app development.

Copyright © 2019 CrocoCode. All rights reserved.

To Top