hanmajid / flutter_whatsapp

Whatsapp clone made with Flutter

flutter_whatsapp

Whatsapp (ver. 2.19.98) clone using Flutter.

About

I made this for my study/exercise on Flutter. I only make the client-side app, the server side is a dummy server.

API Server Documentation

Refer to this documentation.

Development

To run this project on your own, do the following:

1. Clone this project.
2. Run flutter pub get.
3. Create your own Firebase project and add the google-services.json to the folder android/app (for Android). This is a requirement for QR code reader package.
4. Run the project using flutter run or using your IDE's tools.

Integration Testing

Integration testing utilizes integration_test library. Here's how to run the integration test:

• Windows:
  • Run the script run_ui_tests.bat in the terminal.
• Mac/Linux:
  • Run this command in the terminal:

    flutter drive --driver=test_driver/app.dart --target=integration_test/app_test.dart
    

Integration testing in action (Credit to @karinamuraya):

Screenshots

AppBar & TabBar	List chats from API
Search through chats/statuses/calls	Show popup when profile is clicked
Retrieve list of contacts in phone	See chat messages and send a new message
See status detail	(Android) Retrieve images from DCIM folder and take a picture.

• Others
  • Take a video and save it to DCIM/Camera folder.
  • Scan a QR code (Still buggy).
  • Make an intent to open Contacts app on Android.
  • Make an intent to open an email app to invite friends.

flutter_whatsapp's Issues

Check Contacts permission on runtime

Current behavior

When go to chat/new route, the app will crash and you'll get this error if Contacts permission is not granted:

E/AndroidRuntime(18850): FATAL EXCEPTION: pool-1-thread-1
E/AndroidRuntime(18850): Process: com.hanmajid.flutterwhatsapp, PID: 18850
E/AndroidRuntime(18850): java.lang.RuntimeException: An error occurred while executing doInBackground()
E/AndroidRuntime(18850): 	at android.os.AsyncTask$4.done(AsyncTask.java:399)
E/AndroidRuntime(18850): 	at java.util.concurrent.FutureTask.finishCompletion(FutureTask.java:383)
E/AndroidRuntime(18850): 	at java.util.concurrent.FutureTask.setException(FutureTask.java:252)
E/AndroidRuntime(18850): 	at java.util.concurrent.FutureTask.run(FutureTask.java:271)
E/AndroidRuntime(18850): 	at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1167)
E/AndroidRuntime(18850): 	at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:641)
E/AndroidRuntime(18850): 	at java.lang.Thread.run(Thread.java:919)
E/AndroidRuntime(18850): Caused by: java.lang.SecurityException: Permission Denial: opening provider com.android.providers.contacts.ContactsProvider2 from ProcessRecord{f066ef9 18850:com.hanmajid.flutterwhatsapp/u0a205} (pid=18850, uid=10205) requires android.permission.READ_CONTACTS or android.permission.WRITE_CONTACTS
E/AndroidRuntime(18850): 	at android.os.Parcel.createException(Parcel.java:2071)
E/AndroidRuntime(18850): 	at android.os.Parcel.readException(Parcel.java:2039)
E/AndroidRuntime(18850): 	at android.os.Parcel.readException(Parcel.java:1987)
E/AndroidRuntime(18850): 	at android.app.IActivityManager$Stub$Proxy.getContentProvider(IActivityManager.java:5056)
E/AndroidRuntime(18850): 	at android.app.ActivityThread.acquireProvider(ActivityThread.java:6561)
E/AndroidRuntime(18850): 	at android.app.ContextImpl$ApplicationContentResolver.acquireUnstableProvider(ContextImpl.java:2725)
E/AndroidRuntime(18850): 	at android.content.ContentResolver.acquireUnstableProvider(ContentResolver.java:2117)
E/AndroidRuntime(18850): 	at android.content.ContentResolver.query(ContentResolver.java:928)
E/AndroidRuntime(18850): 	at android.content.ContentResolver.query(ContentResolver.java:880)
E/AndroidRuntime(18850): 	at android.content.ContentResolver.query(ContentResolver.java:836)
E/AndroidRuntime(18850): 	at flutter.plugins.contactsservice.contactsservice.ContactsServicePlugin.getCursor(ContactsServicePlugin.java:229)
E/AndroidRuntime(18850): 	at flutter.plugins.contactsservice.contactsservice.ContactsServicePlugin.access$200(ContactsServicePlugin.java:44)
E/AndroidRuntime(18850): 	at flutter.plugins.contactsservice.contactsservice.ContactsServicePlugin$GetContactsTask.doInBackground(ContactsServicePlugin.java:170)
E/AndroidRuntime(18850): 	at flutter.plugins.contactsservice.contactsservice.ContactsServicePlugin$GetContactsTask.doInBackground(ContactsServicePlugin.java:149)
E/AndroidRuntime(18850): 	at android.os.AsyncTask$3.call(AsyncTask.java:378)
E/AndroidRuntime(18850): 	at java.util.concurrent.FutureTask.run(FutureTask.java:266)
E/AndroidRuntime(18850): 	... 3 more

Expected behavior

Check Contacts permission on runtime.

iOS Test Drive

Test project on an iOS device and test all features.

Camera features don't work

Environment

Flutter 1.17

Current Behavior

When opening the camera page, these issues occur:

• There's no error stack on my debug console.
• The camera opens up properly but the gallery image doesn't show any recent image.
• The take picture/Video button doesn't work.
• It doesn't find the device path.

Expected Behavior

• The mentioned issues don't happen.

Clean up warnings

Migrate backend to Firebase

Current behavior

Backend is personal dummy server.

Expected behavior

Migrate backend to Firebase (Firestore).

Migrate to AndroidX

Current behavior:

When running, you get this message:

[!] Your app isn't using AndroidX.
    To avoid potential build failures, you can quickly migrate your app by following the steps on https://goo.gl/CP92wY.

Expected behavior:

The message is no longer displayed when running.