diff --git a/examples/todoapp/README.md b/examples/todoapp/README.md index 5018fe3198..ee267b1d9c 100755 --- a/examples/todoapp/README.md +++ b/examples/todoapp/README.md @@ -2,7 +2,8 @@ An example of Kotlin Multiplatform todo app with shared Android/Desktop Compose This example supports the following targets: - `Android` (Compose) -- `JVM` (Compose) +- `Desktop/JVM` (Compose) +- `Web/JavaScript` (Compose) - `iOS` (SwiftUI, not Compose) Libraries used: @@ -18,9 +19,10 @@ There are multiple modules: - `:common:main` - displays a list of todo items and a text field - `:common:edit` - accepts an item id and allows editing - `:common:root` - navigates between `main` and `edit` screens -- `:common:compose-ui` - Shared Compose UI for `main` and `edit` screens +- `:common:compose-ui` - Shared Compose UI for Android and Desktop - `:android` - Android application - `:desktop` - Desktop application +- `:web` - Web browser application + Compose Web UI - `ios` - iOS Xcode project The root module is integrated into Android, Desktop and iOS (non-Compose) apps. @@ -29,7 +31,7 @@ Features: - 99% of the code is shared: data, business logic, presentation, navigation and UI - View state is preserved when navigating between screens, Android configuration change, etc. - Model-View-Intent (aka MVI) architectural pattern -- Pluggable UI - Compose UI for Android and Desktop, SwiftUI (not Compose) for iOS +- Pluggable UI - Compose UI for Android, Desktop and Web, SwiftUI (not Compose) for iOS ### Running desktop application ``` @@ -46,6 +48,11 @@ Features: Open project in Intellij IDEA or Android Studio and run "android" configuration. +### Running Web browser application +``` +./gradlew :web:jsBrowserDevelopmentRun +``` + ### Running iOS application Open and build the Xcode project located in `ios` folder. diff --git a/examples/todoapp/screenshots/todo.png b/examples/todoapp/screenshots/todo.png old mode 100755 new mode 100644 index 713d2deb65..31a5fa5334 Binary files a/examples/todoapp/screenshots/todo.png and b/examples/todoapp/screenshots/todo.png differ