A full stack side project webapp all in Kotlin (KotlinConf 2025)

It's happened to all of us – an idea strikes for a side project and you want to build a quick webapp, but then you remember the state of webdev is still a bit of a mess in 2025. Sure you could pick up one of those "all-in-one" frameworks, but they're so heavy and complicated. And even if that worked, you'd still need something on the frontend so you start looking at the the weird world of frontend frameworks or (gasp!) writing raw HTML/CSS/JavaScript.

But it doesn't have to be that hard! I'm here to present a straightforward stack that gets you a full stack webapp up and running fast, using the one language we all know and love – Kotlin. Database manipulation, async services, and a high fidelity UI, all accessed and built with Kotlin. And yes, you read that right – you can have a great UI without having to write a single line of CSS, HTML, or JavaScript.

I'll show you a path for building a basic webapp on top of a simple database (Postgres), performing basic CRUD operations on that database (Kotlin Exposed), building business logic via async services (Kotlin Coroutines), and constructing a high-fidelity UI to bring it all together (Vaadin on Kotlin). By the end of the talk we'll have a fully functional webapp that is entirely built on Kotlin.

And let's not forget, we're not building a by-the-book, very serious webapp, just something we're doing on the side for fun. So forget about tests and forget about perfect architecture – let's have some fun, learn a few things along the way, and get this thing running!

Transcript

1. A full stack side project webapp all in Kotlin Dan Kim @dankim.com
2. 💡 An idea strikes…
3. 🗣 “I’m gonna build this and share it with my friends!”
4. 🤔 How (and where) do I build this thing?
5. 🕸 The web is still the best place for this
6. 😳 Uh…how do I build a webapp in 2025?
7. HTML CSS JavaScript React / Vue / Angular Backend Logic Database / ORM
8. 😵💫 Do I really want to do all this for a side project?
9. 😭 Takes all the fun out of it
10. 🏃 Momentum matters
11. 🤠 But what if I told you it could all be done with Kotlin?
14. 🥞 A full stack webapp entirely in Kotlin
15. 🤩 This is for a fun side project!
16. ⚡ We’re going for fast and easy, not architectural perfection
17. 📀 Database: Postgres
18. 📸 ORM: JetBrains Exposed
19. ✨ UI: Vaadin + Karibu
21. 🔮 Future UI (?): Compose Wasm
22. 🔀 Async: Kotlin Coroutines
23. 🥾 Zero Con fi g App Server: Vaadin Boot
24. ✅ Todo app
25. List of todos Create new Edit / complete existing Delete existing
26. Dependencies
27. dependencies { // vaadin implementation("com.vaadin:vaadin-core:24.7.2") implementation("com.github.mvysny.vaadin-boot:vaadin-boot:13.3") implementation("com.github.mvysny.karibudsl:karibu-dsl:2.3.2") // exposed implementation("org.jetbrains.exposed:exposed-core:0.61.0") implementation("org.jetbrains.exposed:exposed-java-time:0.61.0") implementation("org.jetbrains.exposed:exposed-jdbc:0.61.0") // database implementation("com.zaxxer:HikariCP:6.3.0") implementation("org.postgresql:postgresql:42.7.5") }
28. Database Setup
29. Exposed Models
30. object Todos : IntIdTable("todos") { val title = varchar("title", 255).nullable() val description = varchar("description", 255).nullable() val dueAt = date("due_at").nullable() val completedAt = date("completed_at").nullable() val userId = reference("user_id", Users).nullable() } object Users : IntIdTable("users") { val name = varchar("name", 255).nullable() }
31. Data Objects
32. data class Todo( val id: Int? = null, val title: String? = null, val notes: String? = null, val dueAt: LocalDate? = null, val completedAt: LocalDate? = null, val user: User? = null ) data class User( val id: Int? = null, val name: String? = null )
33. val dataSource = HikariDataSource(HikariConfig().apply { jdbcUrl = "jdbc:postgresql://localhost:5432/" username = "password" password = "password" driverClassName = "org.postgresql.Driver" }) val database = Database.connect(dataSource)
34. App Setup
35. @Theme("my-theme") @Push(PushMode.AUTOMATIC) // websocket ui updates class AppShell : AppShellConfigurator
36. fun main(args: Array<String>) { VaadinBoot().run() }
37. UI
40. Layout
41. class MainLayout : KComposite(), RouterLayout { private val root = ui { verticalLayout { div { h1(“Todos") } } } override fun showRouterLayoutContent(content: HasElement) { root.add(content as Component) } }
42. private val root = ui { verticalLayout { div { h1(“Todos") } } }
43. Todo List
45. @Route(value = "", layout = MainLayout::class) class TodoList : KComposite() { private val currentUi = UI.getCurrent() private val viewModel = TodoViewModel() private lateinit var grid: Grid<Todo> private val root = ui { verticalLayout { grid = grid { setDefaults() column({ it.title }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } } } init { configObservers() viewModel.fetchAll() } private fun configObservers() { viewModel.todos.observe { currentUi.accessSynchronously { grid.setItems(it) } } } } }
46. @Route(value = "", layout = MainLayout::class) class TodoList : KComposite() }
47. @Route(value = "", layout = MainLayout::class) class TodoList : KComposite() { private val currentUi = UI.getCurrent() private val viewModel = TodoViewModel() private lateinit var grid: Grid<Todo> private val root = ui { verticalLayout { grid = grid { setDefaults() column({ it.title }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } } } init { configObservers() viewModel.fetchAll() } private fun configObservers() { viewModel.todos.observe { currentUi.accessSynchronously { grid.setItems(it) } } } } }
48. private lateinit var grid: Grid<Todo> private val root = ui { verticalLayout { grid = grid { setDefaults() column({ it.title }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } } } }
49. @Route(value = "", layout = MainLayout::class) class TodoList : KComposite() { private val currentUi = UI.getCurrent() private val viewModel = TodoViewModel() private lateinit var grid: Grid<Todo> private val root = ui { verticalLayout { grid = grid { setDefaults() column({ it.title }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } } } init { configObservers() viewModel.fetchAll() } private fun configObservers() { viewModel.todos.observe { currentUi.accessSynchronously { grid.setItems(it) } } } } }
50. init { configObservers() viewModel.fetchAll() } private fun configObservers() { viewModel.todos.observe { currentUi.accessSynchronously { grid.setItems(it) } } } }
52. List data
53. init { configObservers() viewModel.fetchAll() } private fun configObservers() { viewModel.todos.observe { currentUi.accessSynchronously { grid.setItems(it) } } } }
54. class TodoViewModel : CoroutineScope { var todos: Observable<List<Todo>> = Observable() private val job = SupervisorJob() private val dispatcher = Dispatchers.Default override val coroutineContext: CoroutineContext get() = job + dispatcher fun fetchAll() { launch { withContext(Dispatchers.IO) { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } } } ... } }
55. class TodoViewModel : CoroutineScope { var todos: Observable<List<Todo>> = Observable() private val job = SupervisorJob() private val dispatcher = Dispatchers.Default override val coroutineContext: CoroutineContext get() = job + dispatcher ... } }
56. class TodoViewModel : CoroutineScope { var todos: Observable<List<Todo>> = Observable() private val job = SupervisorJob() private val dispatcher = Dispatchers.Default override val coroutineContext: CoroutineContext get() = job + dispatcher fun fetchAll() { launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } ... } }
57. fun fetchAll() { launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } } }
58. launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) ... } }
59. fun fetchAll() { launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } } }
60. query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } }
61. A brief sidebar on JetBrains Exposed
62. SQL DSL vs. DAO
63. launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todo.all() .sortedBy { it.completedAt } .sortedBy { it.dueAt } .sortedBy { it.title } ... } }
64. launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) ... } }
65. DSL is closest to real SQL
66. Improving the List UI
68. A New Component
69. class TodoWithCheckbox(todo: Todo) : KComposite() { private val root = ui { verticalLayout { span(todo.title) } } } }
70. class TodoWithCheckbox(todo: Todo) : KComposite() { private val root = ui { verticalLayout { horizontalLayout { checkBox { value = todo.completedAt != null} span(todo.title) } todo.notes?.let { span(it) } } } } }
71. grid = grid { setDefaults() column({ it.title }).setHeader(“Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } }
72. grid = grid { setDefaults() componentColumn({ todo -> TodoWithCheckbox(todo) }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } }
73. Making the component look nicer
75. private val root = ui { verticalLayout { horizontalLayout { checkBox { value = todo.completedAt != null } span(todo.title) } todo.notes?.let { span(it) } } } }
76. span(todo.title) }
77. span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName("strikethrough") } } }
78. private val root = ui { verticalLayout { horizontalLayout { checkBox { value = todo.completedAt != null } span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName("strikethrough") } } } todo.notes?.let { span(it) } } } }
79. todo.notes?.let { span(it) }
80. todo.notes?.let { span(it) { if (todo.completedAt != null) { addClassName("strikethrough") } } }
81. private val root = ui { verticalLayout { horizontalLayout { checkBox { value = todo.completedAt != null } span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName("strikethrough") } } todo.notes?.let { span(it) { if (todo.completedAt != null) { addClassName("strikethrough") } } } } } }
82. I lied…a teeny tiny lie
83. .strikethrough { text-decoration: line-through; } .link-text { color: var(--lumo-primary-text-color); cursor: pointer; } }
84. Making the component functional
85. class TodoWithCheckbox(todo: Todo) : KComposite() { ... } }
86. class TodoWithCheckbox( todo: Todo, onCheckChanged: (Boolean) -> Unit, onClickLink: () -> Unit ) : KComposite() { ... } }
87. checkBox { value = todo.completedAt != null } }
88. checkBox { value = todo.completedAt != null addValueChangeListener { event -> onCheckChanged(event.value) } } }
89. private val root = ui { verticalLayout { horizontalLayout { checkBox { value = todo.completedAt != null addValueChangeListener { event -> onCheckChanged(event.value) } } span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName("strikethrough") } } } todo.notes?.let { span(it) { if (todo.completedAt != null) { addClassName("strikethrough") } } } } }
90. span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName("strikethrough") } }} }
91. span(todo.title) { addClassName("link-text") if (todo.completedAt != null) { addClassName(“strikethrough") } }} addClickListener { onClickLink() } } }
92. grid = grid { setDefaults() componentColumn({ todo -> TodoWithCheckbox(todo) }).setHeader("Todo") column({ it.dueAt?.toString() }).setHeader("Due Date") column({ it.user?.name }).setHeader("Assignee") } }
93. componentColumn({ todo -> TodoWithCheckbox(todo) }).setHeader("Todo") }
94. componentColumn({ todo -> TodoWithCheckbox( todo = todo, onCheckChanged = { isChecked -> viewModel.updateCompletion(todo, isChecked) }, onClickLink = { } ) }).setHeader("Todo") }
95. fun updateCompletion(todo: Todo, isCompleted: Boolean) { launch { newSuspendedTransaction(Dispatchers.IO, database) { Todos.update({ Todos.id eq todo.id }) { it[Todos.completedAt] = if (isCompleted) LocalDate.now() else null } } fetchAll() } } }
96. Todo Form
100. Another component
101. class TodoForm( private val todo: Todo? = null, onClickDelete: ((Todo) -> Unit)? = null, onClickSave: (Todo) -> Unit ) : KComposite() {
102. private lateinit var dialog: Dialog private lateinit var titleField: TextField private lateinit var dueDateField: DatePicker private lateinit var notesField: TextArea private lateinit var userField: Select<User>
103. private val root = ui { verticalLayout { dialog = openDialog { verticalLayout { formLayout { titleField = textField("Title") { isRequired = true todo?.title?.let { value = it } } dueDateField = datePicker("Due Date") { todo?.dueAt?.let { value = it } } notesField = textArea("Notes") { maxRows = 2 todo?.notes?.let { value = it } } userField = select("Assignee") { itemLabelGenerator = ItemLabelGenerator { it.name } } } ... } } } } }
104. private val root = ui { verticalLayout { dialog = openDialog { verticalLayout { … } } } } }
105. private val root = ui { verticalLayout { dialog = openDialog { verticalLayout { formLayout { titleField = textField("Title") { isRequired = true todo?.title?.let { value = it } } dueDateField = datePicker("Due Date") { todo?.dueAt?.let { value = it } } notesField = textArea("Notes") { maxRows = 2 todo?.notes?.let { value = it } } userField = select("Assignee") { itemLabelGenerator = ItemLabelGenerator { it.name } } } ... } } } } }
106. formLayout { titleField = textField("Title") { isRequired = true todo?.title?.let { value = it } } dueDateField = datePicker("Due Date") { todo?.dueAt?.let { value = it } } notesField = textArea("Notes") { maxRows = 2 todo?.notes?.let { value = it } } userField = select("Assignee") { itemLabelGenerator = ItemLabelGenerator { it.name } } } }
107. private val root = ui { verticalLayout { dialog = openDialog { verticalLayout { ... horizontalLayout { if (todo != null) { button("Delete") { onClick { onClickDelete?.invoke(todo) dialog.close() } } } button("Cancel") { onClick { dialog.close() } } button("Save") { setPrimary() onClick { if (formIsInvalid()) return@onClick val newTodo = generateTodoModel(todo) onClickSave(newTodo) dialog.close() } } } } } } } }
108. horizontalLayout { if (todo != null) { button("Delete") { onClick { onClickDelete?.invoke(todo) dialog.close() } } } button("Cancel") { onClick { dialog.close() } } button("Save") { setPrimary() onClick { if (formIsInvalid()) return@onClick val newTodo = generateTodoModel() onClickSave(newTodo) dialog.close() } } } }
110. fun fetchUsers() { viewModel.fetchUsers() } private fun configObservers() { viewModel.users.observe { currentUi.accessSynchronously { userField.setItems(it) todo?.user?.let { userField.value = it } } } } }
111. fun fetchUsers() { launch { users.value = newSuspendedTransaction(Dispatchers.IO, database) { Users.selectAll() .orderBy(Users.name) .map { User( id = it[Users.id].value, name = it[Users.name] ?: "No Name" ) } } } }
112. Opening the Form
113. Add a New Todo
115. private val root = ui { verticalLayout { button("Add todo", icon = VaadinIcon.PLUS.create()) { onClick { TodoForm(onClickSave = { todo -> viewModel.insert(todo) }) } } ... } } }
116. fun insert(todo: Todo) { launch { newSuspendedTransaction(Dispatchers.IO, database) { Todos.insert { it[Todos.title] = todo.title it[Todos.dueAt] = todo.dueAt it[Todos.description] = todo.notes it[Todos.userId] = todo.user?.id } } fetchAll() } }
117. Edit a todo
119. class TodoForm( private val todo: Todo? = null, onClickDelete: ((Todo) -> Unit)? = null, onClickSave: (Todo) -> Unit ) : KComposite() { ... }
120. componentColumn({ todo -> TodoWithCheckbox( todo = todo, onCheckChanged = { isChecked -> viewModel.updateCompletion(todo, isChecked) }, onClickLink = { } ) }).setHeader("Todo") }
121. componentColumn({ todo -> TodoWithCheckbox( todo = todo, onCheckChanged = { isChecked -> viewModel.updateCompletion(todo, isChecked) }, onClickLink = { TodoForm( todo = todo, onClickSave = { viewModel.update(it) } ) } ) }).setHeader("Todo")
122. fun update(todo: Todo) { launch { newSuspendedTransaction(Dispatchers.IO, database) { Todos.update({ Todos.id eq todo.id }) { it[Todos.title] = todo.title it[Todos.dueAt] = todo.dueAt it[Todos.description] = todo.notes it[Todos.userId] = todo.user?.id } } fetchAll() } }
123. Delete a Todo
125. horizontalLayout { if (todo != null) { button("Delete") { onClick { onClickDelete?.invoke(todo) dialog.close() } } } } button("Cancel") { onClick { dialog.close() } } button("Save") { setPrimary() onClick { if (formIsInvalid()) return@onClick val newTodo = generateTodoModel() onClickSave(newTodo) dialog.close() } } }
126. if (todo != null) { button("Delete") { onClick { onClickDelete?.invoke(todo) dialog.close() } } } } }
127. componentColumn({ todo -> TodoWithCheckbox( todo = todo, onCheckChanged = { isChecked -> viewModel.updateCompletion(todo, isChecked) }, onClickLink = { TodoForm( todo = todo, onClickSave = { viewModel.update(it) } ) } ) }).setHeader("Todo")
128. onClickLink = { TodoForm( todo = todo, onClickSave = { viewModel.update(it) } ) }
129. onClickLink = { TodoForm( todo = todo, onClickSave = { viewModel.update(it) }, onClickDelete = { viewModel.delete(it) } ) }
130. fun delete(todo: Todo) { launch { newSuspendedTransaction(Dispatchers.IO, database) { Todos.deleteWhere { Todos.id eq todo.id } } fetchAll() } }
131. Search
133. private val root = ui { verticalLayout { button("Add todo", icon = VaadinIcon.PLUS.create()) { onClick { TodoForm { todo -> viewModel.insert(todo) } } } ... }
134. private val root = ui { verticalLayout { button("Add todo", icon = VaadinIcon.PLUS.create()) { onClick { TodoForm { todo -> viewModel.insert(todo) } } } textField { setWidthFull() isClearButtonVisible = true placeholder = "Search for todo title..." valueChangeMode = ValueChangeMode.LAZY addValueChangeListener { event -> viewModel.fetchAll(event.value) } } ... }
135. textField { setWidthFull() isClearButtonVisible = true placeholder = "Search for todo title..." valueChangeMode = ValueChangeMode.LAZY addValueChangeListener { event -> viewModel.fetchAll(event.value) } }
136. addValueChangeListener { event -> viewModel.fetchAll(event.value) }
137. fun fetchAll() { launch { withContext(Dispatchers.IO) { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } } } }
138. fun fetchAll(searchTerm: String? = null) { searchTerm?.let { this@TodoViewModel.searchTerm = it } ... } }
139. fun fetchAll(searchTerm: String? = null) { launch { withContext(Dispatchers.IO) { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) query.map { resultRow -> Todo( id = resultRow[Todos.id].value, title = resultRow[Todos.title], dueAt = resultRow[Todos.dueAt], notes = resultRow[Todos.description], user = User( id = resultRow[Users.id]?.value, name = resultRow[Users.name] ), completedAt = resultRow[Todos.completedAt] ) } } } } } }
140. launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC) ... } }
141. launch { todos.value = newSuspendedTransaction(Dispatchers.IO, database) { val query = Todos.join(Users, JoinType.LEFT, Todos.userId, Users.id) .selectAll() .orderBy(Todos.completedAt, SortOrder.DESC) .orderBy(Todos.dueAt, SortOrder.ASC) .orderBy(Todos.title, SortOrder.ASC)
 this@TodoViewModel.searchTerm?.let { query.where { Todos.title.upperCase().like("%${it.uppercase()}%") } } ... } }
143. We did it!
144. ✅ Zero con fi guration App Server ✅ Database CRUD ✅ Reusable components with DSL syntax ✅ High fi delity UI with no very little CSS and zero JavaScript
145. No HTML (Mostly) No CSS No JavaScript No React / Vue / Angular
146. Kotlin
147. https://github.com/lateplate/kc2025-app
148. Thank You, and Don’t Forget to Vote @dankim.com
149. Let’s party 🥳