Create an Open Source WhatsApp clone app using MesiboEstimated reading time: 3 minutes
This multi-part series will describe the design and implementation of a commercially deployable WhatsApp like app having real-time messaging, voice and video communication. By the end of this article series, you will create fully functional Android and iOS applications which you can even publish on Google and Apple App Store under your own brand name.
For this article series, we have selected WhatsApp as a use case since it’s easy to relate. However, the technology and techniques described in this article series are equally applicable to any domain that requires real-time communication, for example, telemedicine, customer support, social apps, to name a few.
Ready? let’s get started. Remember, for all our subsequent discussion, we will refer the app as Messanger.
Let’s quickly learn about some of the key features of both these apps which we are about to build and run. Both these open-source apps are fully functional real-time messaging, voice and video calling apps. Some of the key features are,
- One-on-one messaging and Group chat
- High quality voice and video calling
- Rich messaging (text, picture, video, audio, other files)
- Location sharing
- Message status and typing indicators
- Online status (presence) and real-time profile update
- Push notifications
Alright, let’s get going!
Before we dive into building and running a fully featured Messenger for Android and iOS, ensure that you’ve read the followings.
It is expected that you are already familiar with the
iOS app development, and have installed the
Android Studio OR
Xcode. Familiarity with GitHub is also recommended but not mandatory.
You must run this code on a real device! Hence it is also expected that you have access to Android or iPhone to run this app.
This tutorial is broken into multiple parts. Instead of making you wait till the end to build both the apps, we will quickly build apps first and then dwell into details later.
- In this part, we will learn about the features and key components of both the apps.
- In the next part, we will download the source code for Android App, build and run it.
- We will then download the source code for iOS App, build and run it.
- In the fourth part, we will learn about customizing both the apps.
- In the fifth part, we will learn about push notifications for Android and iOS.
- Finally, we will discuss contributing and requesting support if you need any help.
Key App Components & Third Party Libraries
These apps use the following Mesibo SDKs.
- Mesibo Core SDK
- Mesibo Messaging UI Module
- Mesibo Call UI Module
These apps also use the following third-party libraries/services.
- Facebook AccountKit for the Phone Verification
- Google Maps and Google Places SDKs for Geolocation integration
In a later section, we will discuss how to configure your own API keys for both these services.
Conclusion of part one
In this part, we have learned a brief about Messenger app features and key components.
In part 2, we will start building the Android app.open, source, whatsapp, mesibo, overview