
Create the projectĬlone the project repository from GitHub and open it in IntelliJ IDEA. Some knowledge about basic concepts in React and Kotlin coroutines may help understand some sample code, but it is not strictly required. This information will help order the shopping list.įor this tutorial, you are expected to have an understanding of Kotlin. The user can also specify a priority level for list entries by adding an exclamation point !. If a user clicks on an item in the shopping list, it will be removed. The user interface will be simple: a list of planned purchases and a field to enter new shopping items. The output will be a simple shopping list application that allows you to plan your grocery shopping. This helps you make data communication safe and easy to implement. Serialization and deserialization to and from type-safe objects is delegated to the rialization multiplatform library. You will also use popular Kotlin multiplatform libraries and frameworks: In this tutorial, you'll primarily utilize this functionality to share a type-safe representation of the data between client and server. Using Kotlin throughout the whole stack also makes it possible to write classes and functions that can be used from both the JVM and JS targets of your application. Since the whole app will be in Kotlin, you can share libraries and programming paradigms (such as using Coroutines for concurrency) on both the frontend and backend.

Both parts will be one Kotlin Multiplatform project.


The application consists of a server part using Kotlin/JVM and a web client using Kotlin/JS. You will create a simple JSON API and learn how to use the API from a web app using Kotlin and React. This tutorial demonstrates how to build a connected full-stack application with IntelliJ IDEA. Build a full-stack web app with Kotlin Multiplatform
