MVI Compose Multiplatform Contacts List App With Photos (iOS & Android) - KMM Tutorial

In this course you'll learn to build a fully working contacts list app for iOS & Android by using the new Compose Multiplatform for KMM projects. We'll make use of Material3 and dynamic colors, so you can stick to Google's design guidelines for your future apps as well.

⭐ Save 25% on ALL premium courses including the already discounted bundles (discount code SUMMER25):
*‼️ Sale ends on July 19th 2023 ‼️*

Get my FREE PDF about 20 things you should never do in Jetpack Compose:

Create your Material3 theme here:

💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:

Follow me on Instagram for insights into my live as an Android developer:

Get the initial source code for this video on GitHub:

Get the final source code here:

00:00 - Project Overview
12:03 - Creating the Material3 Theme
14:39 - Contact List UI
01:05:02 - SQL Setup & ContactDataSource
01:20:23 - ContactListViewModel
01:38:12 - DI Setup
01:45:55 - AddContactSheet Setup
02:05:42 - Picking Images
02:27:15 - Persistent Image Storage
02:47:57 - ContactDetailSheet Setup
03:01:16 - Recently Added Contacts
03:08:31 - Final notes

[PhilippLackner]

Disclaimer 1: Apparently, I was just too dumb to find the Export button for the Material3 builder. You can just use that to export your M3 theme and don't need to copy-paste all colors 😂

Disclaimer 2:
This is a simplified version of a contact list app. A real contact list app would also access the device's contacts (saved in the pre-installed contact list app for example). In Android this would work with the contact content provider. It was intentionally left out to not make this too long because this would be an additional implementation that differs on iOS and Android, but it's a good homework if you want to take this a step further 👍

[chips]

A free THREE hours course... Damn Philipp, you're truly the man!

[ayoubBoumzebra]

At 13:50 actually, you can export the color themes from the top *export* button in the menu.

Thanks for the video.

[AhmadBakdash]

13:30 You can get the colours and themes as an XML file by pressing on the export button in the top right corner.

[danielhaslinger]

Thank you for making this video! It couldn't have come at a better time because I'm currently super passionate about learning KMM.

Seriously, your content is always top-notch and extremely valuable!

I've gained an immense amount of knowledge from your premium courses and mentorship. Your feedback is always spot-on and incredibly helpful. If anyone wants to become an amazing Android developer, they absolutely can't go wrong with learning from you.

Keep up the fantastic work, Philipp! Your videos truly make a difference, and I'm so grateful for all the knowledge you generously share.

[anoopkumarueconomicsa]

You are amazing, l just started learning compose multiplatform yesterday. Just found this video, amazing. Keep going.

[haseeb]

Your passion for KMM is awe-inspiring, and your tutorial is a game-changer for aspiring developers. Kudos to your hard work and dedication! 👏👍

[divyanshdxn]

Finally completed the course this weekend. Really awwesome, now I'm going to migrate my wallpaper app project to compose MP 🎉🎉

[nedeljkobabic]

I started watching your kotlin coroutines playlist, and after some time I went to see your channel, and I was so happy when I saw that you are still creating tutorials about kotlin, keep up the great work!

[trocchiettoski]

Philip I am not doing unfortunately android development anymore but I follow your video because you are an exceptional person thank you for your awesome effort and to make it free

[skarloti]

In your hands, you make the Kotlin language much more powerful than other languages ​​by demonstrating its power in multiplatformity. Through WebAssembly, will become even stronger in the next few months. Along with the sensational Generarive AI, I started looking for other applications as well. I will be interested in your implementation Tensorflow Lite and demonstrate some trained model graphically. There are already many ViT Transformers too.
Thank you so much for this wonderful video tutorial that you are giving away absolutely free!

[ma-uizz]

It is so thoughtful of you to release such a valuable course for free on YouTube, thanks a lot.

[mohameddouch]

13:40 you can export the colors using the button "export" in the top right

[kunjeshvirani]

Finally, the most awaited video came. Thank you 3000 times.

[haykmkrtchyan]

That's truly a terrific job Philipp. Thank you. Though 1 year has passed and I guess there are lots of new updates, it was worth watching it. Now I grapsed the overall concept and now I can dive deep 🙂

[icodethis]

The best video in the world has arrived.

[akashkumardas]

This is really what everyone wants from you. Thank you

[KingFuYouTube]

Damn this is insane.... 3 hours video. Thank you for the tutorials. Also, I am looking forward to using KMM soon. 😊

[treasuretechnology]

Thank you Very Much, lots of love from Kenya

[speedrocketstudios]

Dude this is so incredibly helpful. Great for learning KMM and Compose multiplatform but also a wonderful resourse for seeing clean architecture applied in practice, as you work. Just watching this has helped me understand so many foundational software concepts much better. THANK YOU