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. Rememeber, for all our subsequent discussiosn, we will refer the app as Messanger.
Let’s quickly learn about some of the key feaures 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 developement, 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 an access to Android or iPhone to run this app.
This tutorial is broken into mutiple 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 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 about contributing and requesting support if you need any help.
Key App Components & Third Party Libraries
These apps use following Mesibo SDKs.
- Mesibo Core SDK
- Mesibo Messaging UI Module
- Mesibo Call UI Module
These apps also use following third party libraries/services.
- Facebook AccountKit for the Phone Verification
- Goolge Maps and Goolge 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 learnt a brief about Messenger app features and key components.
In part 2, we will start building the Android app.open, source, whatsapp, mesibo, overview