Rijksmuseum is included as sample in the official Kotlin Multiplatform Mobile docs.

Rijksmuseum

Rijksmuseum is multi-modular Compose Multiplatform app that offers an immersive way to explore the art collection of the renowned Rijksmuseum in Amsterdam.

Download

<table style="width:100%"> <tr> <td><a href='https://play.google.com/store/apps/details?id=com.tewelde.rijksmuseum&utm_source=github'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width=240/></a> <td><a href='https://apps.apple.com/ca/app/heirloom-gallery/id6504533291'><img alt='Download in the App Store' src='https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg' width=180/></a> </tr> </table>

Design

Design is inspired by Mari Andrianova.

iOS

<p style="text-align: center;"> <img src="assets/ios/ios_0.png" width="250"/> <img src="assets/ios/ios_1.png" width="250"/> <img src="assets/ios/ios_2.png" width="250"/> <img src="assets/ios/ios_3.png" width="250"/> <img src="assets/ios/ios_4.png" width="250"/> <img src="assets/ios/ios_5.png" width="250"/> </p>

Android

<p style="text-align: center;"> <img src="assets/android/android_0.png" width="250"/> <img src="assets/android/android_1.png" width="250"/> <img src="assets/android/android_2.png" width="250"/> <img src="assets/android/android_3.png" width="250"/> <img src="assets/android/android_4.png" width="250"/> <img src="assets/android/android_5.png" width="250"/> </p>

Desktop

<p style="text-align: center;"> <img src="assets/desktop/desktop.png" width="613"/> </p>

Wasm

<p style="text-align: center;"> <img src="assets/wasm/wasm.png" width="613"/> </p>

Tech Stack 📚

• Kotlin Multiplatform
• Compose Multiplatform
• kotlin-inject-anvil
• Circuit
• Coil
• Ktor

Development :gear:

The app uses Rijksmuseum API, hence you need to get your own API key from here. Make sure to add your key to secrets.properties file. In order to sign your builds generate rijksmuseum.jks keystore and add keystore password, alias and store password in secrets.properties.

secrets.properties would look like this:

rijksmuseum.api.key=#Add your Rijksmuseum api key
rijksmuseum.keystore.password=#Add your keystore password
rijksmuseum.key.alias=#Add your key alias
rijksmuseum.key.password=#Add your key password

Module Graph

%%{
  init: {
    'theme': 'neutral'
  }
}%%

graph TD
  :composeApp --> :feature:arts
  :composeApp --> :feature:detail
  :core:network --> :core:model
  :core:data --> :core:common
  :core:data --> :core:network
  :core:data --> :core:model
  :core:domain --> :core:common
  :core:domain --> :core:data
  :core:domain --> :core:model
  :feature:detail --> :core:common
  :feature:detail --> :core:model
  :feature:detail --> :core:permissions
  :feature:detail --> :core:domain
  :feature:detail --> :core:designsystem
  :core:designsystem --> :core:common
  :feature:arts --> :core:common
  :feature:arts --> :core:domain
  :feature:arts --> :core:model
  :feature:arts --> :core:designsystem