Compose Multiplatform | Make Ios + Android Apps Using Kotlin

Learn Kotlin Compose Multiplatform and Build Android + iOS App from Single Codebase using MVVM with Clean Architecture

What you'll learn

Compose Multiplatform App Development

MVVM

Clean Architecture

iOS + Android App Development

MongoDB

Local Storage for Multiplatform Apps

and much more

Requirements

you must have some basic kotlin knowledge

you must have some basic programming knowledge

Description

In this course you will learn and build android and ios app development using kotlin compose multiplatform.Compose Multiplatform:What It Is: Compose Multiplatform is an extension of Jetpack Compose, Google’s modern toolkit for building native UIs in Android, which allows you to create user interfaces that work across multiple platforms like Android, iOS, desktop, and the web using a single codebase.Why It’s Important: Compose Multiplatform streamlines UI development by allowing developers to write once and deploy across different platforms, reducing duplication and ensuring consistency.Compose Multiplatform allows you to build UIs that leverage native components directly on each platform (Android, iOS, Desktop), the apps often feel more "native" to users. This can be a key advantage for developers who prioritize the look and feel of a truly native experience.If you already have an existing Android project, Compose integrates seamlessly, allowing you to incrementally adopt Compose within your existing app. This is particularly beneficial for large projects where a full rewrite isn't feasible.It’s built with Kotlin, which is already widely adopted in the Android ecosystem. For Kotlin developers, learning Compose Multiplatform is a natural progression. Additionally, Kotlin Multiplatform allows sharing business logic across Android, iOS, desktop, and web, which can be a major advantage if you’re already using Kotlin.Since it’s closer to the native platform, integrating with platform-specific features (like Android’s Jetpack libraries or iOS-specific APIs) is more straightforward. You can directly call platform APIs from your Compose code.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Kotlin Multiplatform Environment Setup | Windows + MacOS

Lecture 2 Kotlin Multiplatform Environment Setup | Windows

Section 3: Compose Multiplatform

Lecture 3 what is compose multiplatform

Section 4: Understand Project Structure

Lecture 4 create compose multiplatform app and explain kmp project structure

Lecture 5 understanding project structure common main source set android and ios source

Section 5: Third Party API

Lecture 6 Third Party API for currency conversion rates

Section 6: Add dependencies and plugings

Lecture 7 add dependencies libraries and versions

Section 7: Set App Theme and Colors

Lecture 8 set App Theme and Colors

Section 8: Send request to API and get Response from API

Lecture 9 implement API Response Class

Lecture 10 send request to api

Lecture 11 get response data from api

Section 9: Dependency Injection - Check if data is fresh or not

Lecture 12 check if data is fresh or not

Lecture 13 store the timestamp

Lecture 14 dependency injection

Section 10: Filter the retrieved data from api

Lecture 15 add countries resources with flags in drawable resources

Lecture 16 filter the retrieved data from api

Section 11: Home Page UI - Add Status Currency Inputs and Amount Text Field

Lecture 17 implement Home Page Header and display exchange rates based on rate state

Lecture 18 Add Currency Inputs and Text Field Field for taking Inputs from user

Section 12: MongoDB Realm

Lecture 19 configure mongodb realm | insert and retrieve curreny amount

Lecture 20 read local storage for data status if data is fresh or not

Section 13: Read persisted default chosen currencies

Lecture 21 read persisted default currencies selected

Section 14: Switch between source and target currencies with animations

Lecture 22 switch between source and target currencies

Lecture 23 add animations on switch icon button

Lecture 24 apply animations on currency view fields

Section 15: Choose Currency Dialog

Lecture 25 allow user to choose currency from currency dialog

Lecture 26 display user chosen currency

Section 16: Perform calculations for exchanged amount | Show Result on home page body

Lecture 27 perform calculations for exchanged amount and show on home page body

Lecture 28 fixing the colors for dark and light themes mode

anyone who wants to build multiplatforms app development,anyone who wants to make ios + android apps from single codebase