feature clients

new frontend

clients/app/build.gradle.kts

@@ -0,0 +1,44 @@
+plugins {
+    alias(libs.plugins.kotlinMultiplatform)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.composeCompiler)
+}
+
+group = "at.mocode.clients"
+version = "1.0.0"
+
+kotlin {
+    jvm()
+    js {
+        browser()
+    }
+
+    jvmToolchain(21)
+
+    sourceSets {
+        val commonMain by getting {
+            dependencies {
+                // Feature modules
+                implementation(project(":clients:ping-feature"))
+
+                // Shared modules
+                implementation(project(":clients:shared:common-ui"))
+                implementation(project(":clients:shared:navigation"))
+
+                // Compose dependencies
+                implementation(compose.runtime)
+                implementation(compose.foundation)
+                implementation(compose.material3)
+                implementation(compose.ui)
+
+                // ViewModel lifecycle
+                implementation(libs.androidx.lifecycle.viewmodelCompose)
+            }
+        }
+        val commonTest by getting {
+            dependencies {
+                implementation(libs.kotlin.test)
+            }
+        }
+    }
+}

clients/app/src/commonMain/kotlin/at/mocode/clients/app/App.kt

@@ -0,0 +1,41 @@
+package at.mocode.clients.app
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import androidx.lifecycle.viewmodel.compose.viewModel
+import at.mocode.clients.shared.commonui.components.AppHeader
+import at.mocode.clients.shared.commonui.components.AppScaffold
+import at.mocode.clients.shared.commonui.theme.AppTheme
+import at.mocode.clients.shared.navigation.AppScreen
+import at.mocode.clients.pingfeature.PingScreen
+import at.mocode.clients.pingfeature.PingViewModel
+
+@Composable
+fun App() {
+    var currentScreen: AppScreen by remember { mutableStateOf(AppScreen.Home) }
+
+    AppTheme {
+        AppScaffold(
+            header = {
+                AppHeader(
+                    title = "Meldestelle",
+                    onNavigateToPing = { currentScreen = AppScreen.Ping }
+                )
+            }
+        ) { paddingValues ->
+            Box(modifier = Modifier.padding(paddingValues)) {
+                when (currentScreen) {
+                    is AppScreen.Home -> {
+                        LandingScreen()
+                    }
+                    is AppScreen.Ping -> {
+                        val pingViewModel: PingViewModel = viewModel()
+                        PingScreen(viewModel = pingViewModel)
+                    }
+                }
+            }
+        }
+    }
+}

clients/app/src/commonMain/kotlin/at/mocode/clients/app/LandingScreen.kt

@@ -0,0 +1,99 @@
+package at.mocode.clients.app
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun LandingScreen() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(32.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Center
+    ) {
+        Text(
+            text = "Willkommen bei Meldestelle",
+            style = MaterialTheme.typography.headlineLarge,
+            fontWeight = FontWeight.Bold,
+            textAlign = TextAlign.Center,
+            color = MaterialTheme.colorScheme.primary
+        )
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Card(
+            modifier = Modifier.fillMaxWidth(),
+            colors = CardDefaults.cardColors(
+                containerColor = MaterialTheme.colorScheme.surfaceVariant
+            )
+        ) {
+            Column(
+                modifier = Modifier.padding(24.dp),
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Text(
+                    text = "Eine moderne, skalierbare Frontend-Architektur",
+                    style = MaterialTheme.typography.headlineSmall,
+                    textAlign = TextAlign.Center,
+                    fontWeight = FontWeight.Medium
+                )
+
+                Spacer(modifier = Modifier.height(16.dp))
+
+                Text(
+                    text = "Diese Anwendung demonstriert eine \"Shell + Feature-Module\"-Architektur " +
+                          "basierend auf Kotlin Multiplatform. Sie spiegelt die DDD-Struktur des Backends " +
+                          "wider und ist als native Desktop-Anwendung (JVM) und Web-Anwendung (JS/Wasm) lauffähig.",
+                    style = MaterialTheme.typography.bodyLarge,
+                    textAlign = TextAlign.Center,
+                    lineHeight = MaterialTheme.typography.bodyLarge.lineHeight * 1.2
+                )
+
+                Spacer(modifier = Modifier.height(20.dp))
+
+                Text(
+                    text = "🚀 Technologien:",
+                    style = MaterialTheme.typography.titleMedium,
+                    fontWeight = FontWeight.Bold
+                )
+
+                Spacer(modifier = Modifier.height(8.dp))
+
+                Column(
+                    horizontalAlignment = Alignment.CenterHorizontally
+                ) {
+                    TechItem("Kotlin Multiplatform")
+                    TechItem("Jetpack Compose Multiplatform")
+                    TechItem("Material Design 3")
+                    TechItem("Ktor Client")
+                    TechItem("Domain-Driven Design")
+                }
+            }
+        }
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Text(
+            text = "Verwenden Sie das Ping Service Menü oben, um die API-Funktionalität zu testen.",
+            style = MaterialTheme.typography.bodyMedium,
+            textAlign = TextAlign.Center,
+            color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+    }
+}
+
+@Composable
+private fun TechItem(text: String) {
+    Text(
+        text = "• $text",
+        style = MaterialTheme.typography.bodyMedium,
+        modifier = Modifier.padding(vertical = 2.dp)
+    )
+}

clients/app/src/jsMain/kotlin/main.kt

@@ -0,0 +1,11 @@
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.window.ComposeViewport
+import at.mocode.clients.app.App
+import kotlinx.browser.document
+
+@OptIn(ExperimentalComposeUiApi::class)
+fun main() {
+    ComposeViewport(document.body!!) {
+        App()
+    }
+}

clients/app/src/jvmMain/kotlin/main.kt

@@ -0,0 +1,12 @@
+import androidx.compose.ui.window.Window
+import androidx.compose.ui.window.application
+import at.mocode.clients.app.App
+
+fun main() = application {
+    Window(
+        onCloseRequest = ::exitApplication,
+        title = "Meldestelle - Desktop Application"
+    ) {
+        App()
+    }
+}

clients/app/src/wasmJsMain/kotlin/main.kt

@@ -0,0 +1,10 @@
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.window.CanvasBasedWindow
+import at.mocode.clients.app.App
+
+@OptIn(ExperimentalComposeUiApi::class)
+fun main() {
+    CanvasBasedWindow("Meldestelle - WASM Application") {
+        App()
+    }
+}