A full-stack demo application written in Kotlin 1.3.41 and based on JetBrains demo repository (https://raw.githubusercontent.com/mkraynov/kfsad/kotlin-1.3.40-preview).
IDE: Intellij Idea 2019.1.4 Ultimate JDK: 1.8.0_201
This application displays a feed containing user-generated posts and comments. All data is stubbed by the fakeJSON and JSON Placeholder services.
It is a Kotlin Multiplatform project.
It uses:
kotlin-multiplatform,kotlin-jsandkotlin-jvmplugins for Kotlin compilation;- Ktor framework as a web server;
- H2 in-memory database with Exposed to preload posts at application startup;
- kotlinx.serialization for client/server (de-)serialization and RPC;
- React, Styled components, Kotlin Material UI 0.2.0 and kotlin-wrappers for rendering.
During application startup posts are preloaded to the in-memory database from the fakeJSON (or JSON Placeholder) service. When the user requests the page, several posts are selected from the DB and the corresponding comments are fetched via the multi-platform HTTP client. Posts with comments are served to the client via RPC. After the initial render is done, information about authors is fetched via the client-side HTTP client and rendered after all coroutines terminate successfully. The "Load more comments" button fetches additional comments for the post using the multi-platform HTTP client. The "Details" button navigates to the Post Details screen using react-router.
This application has no error handling and has very limited RPC serialization. It's not meant for production use and serves only as a technology example.
gradle run runs webpack dev server and ktor application. You could find logs at build/logs.
Ctrl + C stops webpack dev server and ktor application.
gradle bundle to create static files bundle.
gradle run -t runs continuous build (watch mode).
gradle build to create static files bundle.
gradle :client:run runs webpack-dev-server only.
gradle :server:run runs the Ktor application only.
gradle :server:test to run common and JVM tests with JUnit.
gradle :client:test to run common and JS tests with Mocha and Karma.
Webpack dev server responding at http://0.0.0.0:8080. Ktor application responding at http://0.0.0.0:8081