60 lines
3.7 KiB
Markdown
60 lines
3.7 KiB
Markdown
# PeopleInSpace
|
|
|
|
Minimal **Kotlin Multiplatform** project using Jetpack Compose and SwiftUI. Currently running on
|
|
* Android (Jetpack Compose)
|
|
* iOS (SwiftUI)
|
|
* watchOS (SwiftUI)
|
|
* macOS (SwiftUI)
|
|
* Desktop (Compose for Desktop)
|
|
* Web (Kotlin/JS + React Wrapper)
|
|
* JVM (small Ktor back end service + `Main.kt` in `common` module)
|
|
|
|
It makes use of basic API (http://open-notify.org/Open-Notify-API/People-In-Space/) to show list of people currently in
|
|
space (inspired by https://kousenit.org/2019/12/19/a-few-astronomical-examples-in-kotlin/)! The list is shown on Android
|
|
using **Jetpack Compose**, on iOS using **SwiftUI** and on Web using Kotlin/JS React wrapper.
|
|
|
|
Related posts:
|
|
* [Minimal Kotlin Multiplatform project using Compose and SwiftUI](https://johnoreilly.dev/posts/minimal-kotlin-platform-compose-swiftui/)
|
|
* [Adding some Storage (to) Space](https://johnoreilly.dev/posts/adding-sqldelight-to-peopleinspace/)
|
|
* [Kotlin Multiplatform running on macOS](https://johnoreilly.dev/posts/kotlinmultiplatform-macos/)
|
|
* [PeopleInSpace hits the web with Kotlin/JS and React](https://johnoreilly.dev/posts/peopleinspace-kotlinjs/)
|
|
* [Using Koin in a Kotlin Multiplatform Project](https://johnoreilly.dev/posts/kotlinmultiplatform-koin/)
|
|
* [Jetpack Compose for the Desktop!](https://johnoreilly.dev/posts/jetpack-compose-desktop/)
|
|
* [Comparing use of LiveData and StateFlow in a Jetpack Compose project](https://johnoreilly.dev/posts/jetpack-compose-stateflow-livedata/)
|
|
* [Wrapping Kotlin Flow with Swift Combine Publisher in a Kotlin Multiplatform project](https://johnoreilly.dev/posts/kotlinmultiplatform-swift-combine_publisher-flow/)
|
|
* [Using Swift Packages in a Kotlin Multiplatform project](https://johnoreilly.dev/posts/kotlinmultiplatform-swift-package/)
|
|
|
|
|
|
Note that this repository very much errs on the side of minimalism to help more clearly illustrate key moving parts of a Koltin
|
|
Multiplatform project and also to hopefully help someone just starting to explore KMP to get up and running for first time (and is of course
|
|
primarily focussed on use of Jetpack Compose and SwiftUI). If you're at stage of moving
|
|
beyond this then I'd definitely recommend checking out [KaMPKit](https://github.com/touchlab/KaMPKit)
|
|
|
|
|
|
### Building
|
|
You need to use Android Studio Canary version (**note: Java 11 is now the minimum version required**). Have tested on XCode v11 and v12. When opening
|
|
iOS/watchOS/macOS projects remember to open `.xcworkspace` file (and not `.xcodeproj` one). To exercise web client run `./gradlew :web:browserDevelopmentRun`.
|
|
|
|
### Jetpack Compose for Desktop client
|
|
|
|
This client is available in `compose-desktop` module. Note that you need to use appropriate version of JVM when running (works for example with Java 11)
|
|
|
|
|
|
### Screenshots
|
|
<img width="546" alt="Screenshot 2021-02-27 at 12 09 02" src="https://user-images.githubusercontent.com/6302/109386736-ac1f0700-78f4-11eb-812e-4bf971a8c2a7.png">
|
|
|
|
<img width="555" alt="Screenshot 2021-03-07 at 17 03 46" src="https://user-images.githubusercontent.com/6302/110248059-2ab81c00-7f67-11eb-9b3a-2b04d1be43ef.png">
|
|
|
|
<img width="555" alt="Screenshot 2021-03-07 at 17 05 31" src="https://user-images.githubusercontent.com/6302/110248116-69e66d00-7f67-11eb-8942-ab18fb8e48ff.png">
|
|
|
|
|
|
### Languages, libraries and tools used
|
|
|
|
* [Kotlin](https://kotlinlang.org/)
|
|
* [Kotlin Coroutines](https://kotlinlang.org/docs/reference/coroutines-overview.html)
|
|
* [Kotlinx Serialization](https://github.com/Kotlin/kotlinx.serialization)
|
|
* [Ktor client library](https://github.com/ktorio/ktor)
|
|
* [Android Architecture Components](https://developer.android.com/topic/libraries/architecture/index.html)
|
|
* [Koin](https://github.com/InsertKoinIO/koin)
|
|
* [Jetpack Compose](https://developer.android.com/jetpack/compose)
|
|
* [SwiftUI](https://developer.apple.com/documentation/swiftui)
|