simple-notes-sync/IMPROVEMENT_PLAN.md

🎯 Simple Notes Sync - Verbesserungsplan

Erstellt am: 21. Dezember 2025
Ziel: UX-Verbesserungen, Material Design 3, Deutsche Lokalisierung, F-Droid Release

---

📋 Übersicht der Probleme & Lösungen

---

🆕 NEU: Server-Backup Wiederherstellung

❗ Neue Anforderung: Notizen vom Server wiederherstellen

Problem:

• User kann keine vollständige Wiederherstellung vom Server machen
• Wenn lokale Daten verloren gehen, keine einfache Recovery
• Nützlich bei Gerätewechsel oder nach App-Neuinstallation

Lösung:

UI-Komponente (Settings)

// SettingsActivity.kt - Button hinzufügen
<com.google.android.material.button.MaterialButton
    android:id="@+id/buttonRestoreFromServer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/restore_from_server"
    app:icon="@drawable/ic_cloud_download"
    style="@style/Widget.Material3.Button.TonalButton" />

// Click Handler
buttonRestoreFromServer.setOnClickListener {
    showRestoreConfirmationDialog()
}

private fun showRestoreConfirmationDialog() {
    MaterialAlertDialogBuilder(this)
        .setTitle("Vom Server wiederherstellen?")
        .setMessage(
            "⚠️ WARNUNG:\n\n" +
            "• Alle lokalen Notizen werden gelöscht\n" +
            "• Alle Notizen vom Server werden heruntergeladen\n" +
            "• Diese Aktion kann nicht rückgängig gemacht werden\n\n" +
            "Fortfahren?"
        )
        .setIcon(R.drawable.ic_warning)
        .setPositiveButton("Wiederherstellen") { _, _ ->
            restoreFromServer()
        }
        .setNegativeButton("Abbrechen", null)
        .show()
}

private fun restoreFromServer() {
    lifecycleScope.launch {
        try {
            // Show progress dialog
            val progressDialog = MaterialAlertDialogBuilder(this@SettingsActivity)
                .setTitle("Wiederherstelle...")
                .setMessage("Lade Notizen vom Server...")
                .setCancelable(false)
                .create()
            progressDialog.show()
            
            val syncService = WebDavSyncService(this@SettingsActivity)
            val result = syncService.restoreFromServer()
            
            progressDialog.dismiss()
            
            if (result.isSuccess) {
                MaterialAlertDialogBuilder(this@SettingsActivity)
                    .setTitle("✅ Wiederherstellung erfolgreich")
                    .setMessage("${result.restoredCount} Notizen vom Server wiederhergestellt")
                    .setPositiveButton("OK") { _, _ ->
                        // Trigger MainActivity refresh
                        val intent = Intent("dev.dettmer.simplenotes.NOTES_CHANGED")
                        LocalBroadcastManager.getInstance(this@SettingsActivity)
                            .sendBroadcast(intent)
                    }
                    .show()
            } else {
                showErrorDialog(result.errorMessage ?: "Unbekannter Fehler")
            }
        } catch (e: Exception) {
            showErrorDialog(e.message ?: "Wiederherstellung fehlgeschlagen")
        }
    }
}

Backend-Logik (WebDavSyncService)

// WebDavSyncService.kt
data class RestoreResult(
    val isSuccess: Boolean,
    val restoredCount: Int = 0,
    val errorMessage: String? = null
)

suspend fun restoreFromServer(): RestoreResult = withContext(Dispatchers.IO) {
    try {
        val serverUrl = prefs.getString(Constants.KEY_SERVER_URL, null)
        val username = prefs.getString(Constants.KEY_USERNAME, null)
        val password = prefs.getString(Constants.KEY_PASSWORD, null)
        
        if (serverUrl.isNullOrEmpty() || username.isNullOrEmpty() || password.isNullOrEmpty()) {
            return@withContext RestoreResult(
                isSuccess = false,
                errorMessage = "Server nicht konfiguriert"
            )
        }
        
        // List all remote files
        val sardine = Sardine()
        sardine.setCredentials(username, password)
        
        val remoteFiles = sardine.list(serverUrl)
            .filter { it.name.endsWith(".json") && !it.isDirectory }
        
        if (remoteFiles.isEmpty()) {
            return@withContext RestoreResult(
                isSuccess = false,
                errorMessage = "Keine Notizen auf dem Server gefunden"
            )
        }
        
        val restoredNotes = mutableListOf<Note>()
        
        // Download each note
        for (file in remoteFiles) {
            try {
                val content = sardine.get(file.href).toString(Charsets.UTF_8)
                val note = Note.fromJson(content)
                restoredNotes.add(note)
            } catch (e: Exception) {
                Log.w(TAG, "Failed to parse ${file.name}: ${e.message}")
                // Continue with other files
            }
        }
        
        if (restoredNotes.isEmpty()) {
            return@withContext RestoreResult(
                isSuccess = false,
                errorMessage = "Keine gültigen Notizen gefunden"
            )
        }
        
        // Clear local storage and save all notes
        withContext(Dispatchers.Main) {
            storage.clearAll()
            restoredNotes.forEach { note ->
                storage.saveNote(note.copy(syncStatus = SyncStatus.SYNCED))
            }
        }
        
        RestoreResult(
            isSuccess = true,
            restoredCount = restoredNotes.size
        )
        
    } catch (e: Exception) {
        Log.e(TAG, "Restore failed", e)
        RestoreResult(
            isSuccess = false,
            errorMessage = e.message ?: "Verbindungsfehler"
        )
    }
}

Storage Update

// NotesStorage.kt - Methode hinzufügen
fun clearAll() {
    val file = File(context.filesDir, NOTES_FILE)
    if (file.exists()) {
        file.delete()
    }
    // Create empty notes list
    saveAllNotes(emptyList())
}

Betroffene Dateien:

• android/app/src/main/java/dev/dettmer/simplenotes/SettingsActivity.kt
• android/app/src/main/java/dev/dettmer/simplenotes/sync/WebDavSyncService.kt
• android/app/src/main/java/dev/dettmer/simplenotes/storage/NotesStorage.kt
• android/app/src/main/res/layout/activity_settings.xml
• android/app/src/main/res/values/strings.xml
• android/app/src/main/res/drawable/ic_cloud_download.xml (neu)

Zeitaufwand: 2-3 Stunden

Strings hinzufügen:

<string name="restore_from_server">Vom Server wiederherstellen</string>
<string name="restore_confirmation_title">Vom Server wiederherstellen?</string>
<string name="restore_confirmation_message">⚠️ WARNUNG:\n\n• Alle lokalen Notizen werden gelöscht\n• Alle Notizen vom Server werden heruntergeladen\n• Diese Aktion kann nicht rückgängig gemacht werden\n\nFortfahren?</string>
<string name="restoring">Wiederherstelle...</string>
<string name="restoring_message">Lade Notizen vom Server...</string>
<string name="restore_success_title">✅ Wiederherstellung erfolgreich</string>
<string name="restore_success_message">%d Notizen vom Server wiederhergestellt</string>
<string name="restore_error_not_configured">Server nicht konfiguriert</string>
<string name="restore_error_no_notes">Keine Notizen auf dem Server gefunden</string>
<string name="restore_error_invalid_notes">Keine gültigen Notizen gefunden</string>

---

1️⃣ Server-Status Aktualisierung ⚠️ HOCH

Problem:

• Server-Status wird nicht sofort nach erfolgreichem Verbindungstest grün
• User muss App neu öffnen oder Focus ändern

Lösung:

// In SettingsActivity.kt nach testConnection()
private fun testConnection() {
    lifecycleScope.launch {
        try {
            showToast("Teste Verbindung...")
            val syncService = WebDavSyncService(this@SettingsActivity)
            val result = syncService.testConnection()
            
            if (result.isSuccess) {
                showToast("Verbindung erfolgreich!")
                checkServerStatus() // ✅ HIER HINZUFÜGEN
            } else {
                showToast("Verbindung fehlgeschlagen: ${result.errorMessage}")
                checkServerStatus() // ✅ Auch bei Fehler aktualisieren
            }
        } catch (e: Exception) {
            showToast("Fehler: ${e.message}")
            checkServerStatus() // ✅ Auch bei Exception
        }
    }
}

Betroffene Dateien:

• android/app/src/main/java/dev/dettmer/simplenotes/SettingsActivity.kt

Zeitaufwand: 15 Minuten

---

2️⃣ Auto-Save Indikator im Editor ⚠️ HOCH

Problem:

• User erkennt nicht, dass automatisch gespeichert wird
• Save-Button fehlt → Verwirrung
• Keine visuelle Rückmeldung über Speicher-Status

Lösung A: Auto-Save mit Indikator (Empfohlen)

// NoteEditorActivity.kt
private var autoSaveJob: Job? = null
private lateinit var saveStatusTextView: TextView

private fun setupAutoSave() {
    val textWatcher = object : TextWatcher {
        override fun afterTextChanged(s: Editable?) {
            // Cancel previous save job
            autoSaveJob?.cancel()
            
            // Show "Speichere..."
            saveStatusTextView.text = "💾 Speichere..."
            saveStatusTextView.setTextColor(getColor(android.R.color.darker_gray))
            
            // Debounce: Save after 2 seconds of no typing
            autoSaveJob = lifecycleScope.launch {
                delay(2000)
                saveNoteQuietly()
                
                // Show "Gespeichert ✓"
                saveStatusTextView.text = "✓ Gespeichert"
                saveStatusTextView.setTextColor(getColor(android.R.color.holo_green_dark))
                
                // Hide after 2 seconds
                delay(2000)
                saveStatusTextView.text = ""
            }
        }
        // ... beforeTextChanged, onTextChanged
    }
    
    editTextTitle.addTextChangedListener(textWatcher)
    editTextContent.addTextChangedListener(textWatcher)
}

private fun saveNoteQuietly() {
    val title = editTextTitle.text?.toString()?.trim() ?: ""
    val content = editTextContent.text?.toString()?.trim() ?: ""
    
    if (title.isEmpty() && content.isEmpty()) return
    
    val note = if (existingNote != null) {
        existingNote!!.copy(
            title = title,
            content = content,
            updatedAt = System.currentTimeMillis(),
            syncStatus = SyncStatus.PENDING
        )
    } else {
        Note(
            title = title,
            content = content,
            deviceId = DeviceIdGenerator.getDeviceId(this),
            syncStatus = SyncStatus.LOCAL_ONLY
        ).also { existingNote = it }
    }
    
    storage.saveNote(note)
}

Layout Update:

<!-- activity_editor.xml - Oben in Toolbar oder darunter -->
<TextView
    android:id="@+id/textViewSaveStatus"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=""
    android:textSize="14sp"
    android:layout_gravity="center"
    android:padding="8dp" />

Alternative B: Save-Button behalten + Auto-Save

• Button zeigt "Gespeichert ✓" nach Auto-Save
• Button disabled wenn keine Änderungen

Betroffene Dateien:

• android/app/src/main/java/dev/dettmer/simplenotes/NoteEditorActivity.kt
• android/app/src/main/res/layout/activity_editor.xml
• android/app/src/main/res/values/strings.xml

Zeitaufwand: 1-2 Stunden

---

3️⃣ GitHub Releases auf Deutsch ⚠️ MITTEL

Problem:

• Release Notes sind auf Englisch
• Asset-Namen teilweise englisch
• Zielgruppe ist deutsch

Lösung:

# .github/workflows/build-production-apk.yml

# Asset-Namen schon auf Deutsch ✓

# Release Body übersetzen:
body: |
  # 📝 Produktions-Release: Simple Notes Sync v${{ env.VERSION_NAME }}
  
  ## 📊 Build-Informationen
  
  - **Version:** ${{ env.VERSION_NAME }}+${{ env.BUILD_NUMBER }}
  - **Build-Datum:** ${{ env.COMMIT_DATE }}
  - **Commit:** ${{ env.SHORT_SHA }}
  - **Umgebung:** 🟢 **PRODUKTION**
  
  ---
  
  ## 📋 Änderungen
  
  ${{ env.COMMIT_MSG }}
  
  ---
  
  ## 📦 Download & Installation
  
  ### Welche APK sollte ich herunterladen?
  
  | Dein Gerät | Diese APK herunterladen | Größe | Kompatibilität |
  |------------|-------------------------|-------|----------------|
  | 🤷 Unsicher? | `simple-notes-sync-v${{ env.VERSION_NAME }}-universal.apk` | ~3 MB | Funktioniert auf allen Geräten |
  | Modern (ab 2018) | `simple-notes-sync-v${{ env.VERSION_NAME }}-arm64-v8a.apk` | ~2 MB | Schneller, kleiner |
  | Ältere Geräte | `simple-notes-sync-v${{ env.VERSION_NAME }}-armeabi-v7a.apk` | ~2 MB | Ältere ARM-Chips |
  
  ### 📲 Installationsschritte
  1. Lade die passende APK aus den Assets herunter
  2. Aktiviere "Aus unbekannten Quellen installieren" in den Android-Einstellungen
  3. Öffne die heruntergeladene APK-Datei
  4. Folge den Installationsanweisungen
  5. Konfiguriere die WebDAV-Einstellungen in der App
  
  ---
  
  ## ⚙️ Funktionen
  
  - ✅ Automatische WebDAV-Synchronisation alle 30 Minuten (~0,4% Akku/Tag)
  - ✅ Intelligente Gateway-Erkennung (automatische Heimnetzwerk-Erkennung)
  - ✅ Material Design 3 Benutzeroberfläche
  - ✅ Privatsphäre-fokussiert (kein Tracking, keine Analytics)
  - ✅ Offline-First Architektur
  
  ---
  
  ## 🔄 Aktualisierung von vorheriger Version
  
  Installiere diese APK einfach über die bestehende Installation - alle Daten und Einstellungen bleiben erhalten.
  
  ---
  
  ## 📱 Obtanium - Automatische Updates
  
  Erhalte automatische Updates mit [Obtanium](https://github.com/ImranR98/Obtanium/releases/latest).
  
  **Einrichtung:**
  1. Installiere Obtanium über den obigen Link
  2. Füge die App mit dieser URL hinzu: `https://github.com/inventory69/simple-notes-sync`
  3. Aktiviere automatische Updates
  
  ---
  
  ## 🆘 Support
  
  Bei Problemen oder Fragen bitte ein Issue auf GitHub öffnen.
  
  ---
  
  ## 🔒 Datenschutz & Sicherheit
  
  - Alle Daten werden über deinen eigenen WebDAV-Server synchronisiert
  - Keine Analytics oder Tracking von Drittanbietern
  - Keine Internet-Berechtigungen außer für WebDAV-Sync
  - Alle Sync-Vorgänge verschlüsselt (HTTPS)
  - Open Source - prüfe den Code selbst
  
  ---
  
  ## 🛠️ Technische Details
  
  - **Sprache:** Kotlin
  - **UI:** Material Design 3
  - **Sync:** WorkManager + WebDAV
  - **Target SDK:** Android 16 (API 36)
  - **Min SDK:** Android 8.0 (API 26)

Betroffene Dateien:

• .github/workflows/build-production-apk.yml

Zeitaufwand: 30 Minuten

---

4️⃣ Material Design 3 - Vollständige Migration ⚠️ HOCH

Basierend auf: MATERIAL_DESIGN_3_MIGRATION.md Plan

Problem:

• Aktuelles Design ist Material Design 2
• Keine Dynamic Colors (Material You)
• Veraltete Komponenten und Farb-Palette
• Keine Android 12+ Features

Ziel:

• ✨ Dynamische Farben aus Wallpaper (Material You)
• 🎨 Modern Design Language
• 🔲 Größere Corner Radius (16dp)
• 📱 Material Symbols Icons
• 📝 Material 3 Typography
• 🌓 Perfekter Dark Mode
• ♿ Bessere Accessibility

---

Phase 4.1: Theme & Dynamic Colors (15 Min)

themes.xml:

<resources>
    <!-- Base Material 3 Theme -->
    <style name="Base.Theme.SimpleNotes" parent="Theme.Material3.DayNight.NoActionBar">
        <!-- Dynamic Colors (Android 12+) -->
        <item name="colorPrimary">@color/md_theme_primary</item>
        <item name="colorOnPrimary">@color/md_theme_onPrimary</item>
        <item name="colorPrimaryContainer">@color/md_theme_primaryContainer</item>
        <item name="colorOnPrimaryContainer">@color/md_theme_onPrimaryContainer</item>
        
        <item name="colorSecondary">@color/md_theme_secondary</item>
        <item name="colorOnSecondary">@color/md_theme_onSecondary</item>
        <item name="colorSecondaryContainer">@color/md_theme_secondaryContainer</item>
        <item name="colorOnSecondaryContainer">@color/md_theme_onSecondaryContainer</item>
        
        <item name="colorTertiary">@color/md_theme_tertiary</item>
        <item name="colorOnTertiary">@color/md_theme_onTertiary</item>
        <item name="colorTertiaryContainer">@color/md_theme_tertiaryContainer</item>
        <item name="colorOnTertiaryContainer">@color/md_theme_onTertiaryContainer</item>
        
        <item name="colorError">@color/md_theme_error</item>
        <item name="colorOnError">@color/md_theme_onError</item>
        <item name="colorErrorContainer">@color/md_theme_errorContainer</item>
        <item name="colorOnErrorContainer">@color/md_theme_onErrorContainer</item>
        
        <item name="colorSurface">@color/md_theme_surface</item>
        <item name="colorOnSurface">@color/md_theme_onSurface</item>
        <item name="colorSurfaceVariant">@color/md_theme_surfaceVariant</item>
        <item name="colorOnSurfaceVariant">@color/md_theme_onSurfaceVariant</item>
        
        <item name="colorOutline">@color/md_theme_outline</item>
        <item name="colorOutlineVariant">@color/md_theme_outlineVariant</item>
        
        <item name="android:colorBackground">@color/md_theme_background</item>
        <item name="colorOnBackground">@color/md_theme_onBackground</item>
        
        <!-- Shapes -->
        <item name="shapeAppearanceSmallComponent">@style/ShapeAppearance.SimpleNotes.SmallComponent</item>
        <item name="shapeAppearanceMediumComponent">@style/ShapeAppearance.SimpleNotes.MediumComponent</item>
        <item name="shapeAppearanceLargeComponent">@style/ShapeAppearance.SimpleNotes.LargeComponent</item>
        
        <!-- Status bar -->
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowLightStatusBar">true</item>
    </style>
    
    <style name="Theme.SimpleNotes" parent="Base.Theme.SimpleNotes" />
    
    <!-- Shapes -->
    <style name="ShapeAppearance.SimpleNotes.SmallComponent" parent="ShapeAppearance.Material3.SmallComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">12dp</item>
    </style>
    
    <style name="ShapeAppearance.SimpleNotes.MediumComponent" parent="ShapeAppearance.Material3.MediumComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">16dp</item>
    </style>
    
    <style name="ShapeAppearance.SimpleNotes.LargeComponent" parent="ShapeAppearance.Material3.LargeComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">24dp</item>
    </style>
</resources>

colors.xml (Material 3 Baseline - Grün/Natur Theme):

<resources>
    <!-- Light Theme Colors -->
    <color name="md_theme_primary">#006C4C</color>
    <color name="md_theme_onPrimary">#FFFFFF</color>
    <color name="md_theme_primaryContainer">#89F8C7</color>
    <color name="md_theme_onPrimaryContainer">#002114</color>
    
    <color name="md_theme_secondary">#4D6357</color>
    <color name="md_theme_onSecondary">#FFFFFF</color>
    <color name="md_theme_secondaryContainer">#CFE9D9</color>
    <color name="md_theme_onSecondaryContainer">#0A1F16</color>
    
    <color name="md_theme_tertiary">#3D6373</color>
    <color name="md_theme_onTertiary">#FFFFFF</color>
    <color name="md_theme_tertiaryContainer">#C1E8FB</color>
    <color name="md_theme_onTertiaryContainer">#001F29</color>
    
    <color name="md_theme_error">#BA1A1A</color>
    <color name="md_theme_onError">#FFFFFF</color>
    <color name="md_theme_errorContainer">#FFDAD6</color>
    <color name="md_theme_onErrorContainer">#410002</color>
    
    <color name="md_theme_background">#FBFDF9</color>
    <color name="md_theme_onBackground">#191C1A</color>
    
    <color name="md_theme_surface">#FBFDF9</color>
    <color name="md_theme_onSurface">#191C1A</color>
    <color name="md_theme_surfaceVariant">#DCE5DD</color>
    <color name="md_theme_onSurfaceVariant">#404943</color>
    
    <color name="md_theme_outline">#707973</color>
    <color name="md_theme_outlineVariant">#BFC9C2</color>
</resources>

values-night/colors.xml (neu erstellen):

<resources>
    <!-- Dark Theme Colors -->
    <color name="md_theme_primary">#6DDBAC</color>
    <color name="md_theme_onPrimary">#003826</color>
    <color name="md_theme_primaryContainer">#005138</color>
    <color name="md_theme_onPrimaryContainer">#89F8C7</color>
    
    <color name="md_theme_secondary">#B3CCBD</color>
    <color name="md_theme_onSecondary">#1F352A</color>
    <color name="md_theme_secondaryContainer">#354B40</color>
    <color name="md_theme_onSecondaryContainer">#CFE9D9</color>
    
    <color name="md_theme_tertiary">#A5CCE0</color>
    <color name="md_theme_onTertiary">#073543</color>
    <color name="md_theme_tertiaryContainer">#254B5B</color>
    <color name="md_theme_onTertiaryContainer">#C1E8FB</color>
    
    <color name="md_theme_error">#FFB4AB</color>
    <color name="md_theme_onError">#690005</color>
    <color name="md_theme_errorContainer">#93000A</color>
    <color name="md_theme_onErrorContainer">#FFDAD6</color>
    
    <color name="md_theme_background">#191C1A</color>
    <color name="md_theme_onBackground">#E1E3DF</color>
    
    <color name="md_theme_surface">#191C1A</color>
    <color name="md_theme_onSurface">#E1E3DF</color>
    <color name="md_theme_surfaceVariant">#404943</color>
    <color name="md_theme_onSurfaceVariant">#BFC9C2</color>
    
    <color name="md_theme_outline">#8A938C</color>
    <color name="md_theme_outlineVariant">#404943</color>
</resources>

MainActivity.kt - Dynamic Colors aktivieren:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    
    // Enable Dynamic Colors (Android 12+)
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
        DynamicColors.applyToActivityIfAvailable(this)
    }
    
    setContentView(R.layout.activity_main)
    // ...
}

// Import hinzufügen:
import com.google.android.material.color.DynamicColors
import android.os.Build

Betroffene Dateien:

• android/app/src/main/res/values/themes.xml
• android/app/src/main/res/values/colors.xml
• android/app/src/main/res/values-night/colors.xml (neu)
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt

Zeitaufwand: 15 Minuten

---

Phase 4.2: MainActivity Layout (10 Min)

activity_main.xml - Material 3 Update:

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:elevation="0dp"
            app:title="@string/app_name"
            app:titleTextAppearance="@style/TextAppearance.Material3.HeadlineMedium" />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        android:paddingVertical="8dp"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <!-- Empty State -->
    <com.google.android.material.card.MaterialCardView
        android:id="@+id/cardEmptyState"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="32dp"
        android:visibility="gone"
        app:cardElevation="0dp"
        app:cardCornerRadius="24dp"
        app:cardBackgroundColor="?attr/colorSurfaceVariant">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="48dp"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="📝"
                android:textSize="72sp"
                android:layout_marginBottom="16dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/no_notes_yet"
                android:textAppearance="@style/TextAppearance.Material3.HeadlineSmall"
                android:gravity="center"
                android:layout_marginBottom="8dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Tippe auf + um deine erste Notiz zu erstellen"
                android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
                android:textColor="?attr/colorOnSurfaceVariant"
                android:gravity="center" />

        </LinearLayout>

    </com.google.android.material.card.MaterialCardView>

    <!-- Extended FAB -->
    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:id="@+id/fabAddNote"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        android:text="@string/add_note"
        app:icon="@drawable/ic_add_24" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Betroffene Dateien:

• android/app/src/main/res/layout/activity_main.xml
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt

Zeitaufwand: 10 Minuten

---

Phase 4.3: Note Item Card (10 Min)

item_note.xml - Material 3 Card:

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/Widget.Material3.CardView.Elevated"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    app:cardElevation="2dp"
    app:cardCornerRadius="16dp"
    android:clickable="true"
    android:focusable="true">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">

        <TextView
            android:id="@+id/textViewTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Notiz Titel"
            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
            android:textColor="?attr/colorOnSurface"
            android:maxLines="2"
            android:ellipsize="end"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@id/imageViewSyncStatus"
            app:layout_constraintTop_toTopOf="parent" />

        <ImageView
            android:id="@+id/imageViewSyncStatus"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_marginStart="8dp"
            app:tint="?attr/colorOnSurfaceVariant"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textViewContent"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:text="Notiz Inhalt Vorschau..."
            android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
            android:textColor="?attr/colorOnSurfaceVariant"
            android:maxLines="3"
            android:ellipsize="end"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@id/textViewTitle" />

        <TextView
            android:id="@+id/textViewTimestamp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:text="vor 5 Minuten"
            android:textAppearance="@style/TextAppearance.Material3.LabelSmall"
            android:textColor="?attr/colorOnSurfaceVariant"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@id/textViewContent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</com.google.android.material.card.MaterialCardView>

Betroffene Dateien:

• android/app/src/main/res/layout/item_note.xml

Zeitaufwand: 10 Minuten

---

Phase 4.4: Editor Layout (10 Min)

activity_editor.xml - Material 3 TextInputLayouts:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize" />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <!-- Save Status Chip -->
            <com.google.android.material.chip.Chip
                android:id="@+id/chipSaveStatus"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="16dp"
                android:visibility="gone"
                app:chipIcon="@drawable/ic_check"
                style="@style/Widget.Material3.Chip.Assist" />

            <!-- Title Input -->
            <com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/title"
                android:layout_marginBottom="16dp"
                app:counterEnabled="true"
                app:counterMaxLength="100"
                app:endIconMode="clear_text"
                app:boxCornerRadiusTopStart="16dp"
                app:boxCornerRadiusTopEnd="16dp"
                app:boxCornerRadiusBottomStart="16dp"
                app:boxCornerRadiusBottomEnd="16dp"
                style="@style/Widget.Material3.TextInputLayout.OutlinedBox">

                <com.google.android.material.textfield.TextInputEditText
                    android:id="@+id/editTextTitle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="textCapSentences"
                    android:maxLength="100"
                    android:textAppearance="@style/TextAppearance.Material3.HeadlineSmall" />

            </com.google.android.material.textfield.TextInputLayout>

            <!-- Content Input -->
            <com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/content"
                app:counterEnabled="true"
                app:counterMaxLength="10000"
                app:boxCornerRadiusTopStart="16dp"
                app:boxCornerRadiusTopEnd="16dp"
                app:boxCornerRadiusBottomStart="16dp"
                app:boxCornerRadiusBottomEnd="16dp"
                style="@style/Widget.Material3.TextInputLayout.OutlinedBox">

                <com.google.android.material.textfield.TextInputEditText
                    android:id="@+id/editTextContent"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="textMultiLine|textCapSentences"
                    android:gravity="top"
                    android:minLines="10"
                    android:maxLength="10000"
                    android:textAppearance="@style/TextAppearance.Material3.BodyLarge" />

            </com.google.android.material.textfield.TextInputLayout>

        </LinearLayout>

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Betroffene Dateien:

• android/app/src/main/res/layout/activity_editor.xml

Zeitaufwand: 10 Minuten

---

Phase 4.5: Material Symbols Icons (15 Min)

Icons erstellen in res/drawable/:

1. ic_add_24.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorOnPrimary">
    <path
        android:fillColor="@android:color/white"
        android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</vector>

2. ic_sync_24.xml
3. ic_settings_24.xml
4. ic_cloud_done_24.xml
5. ic_cloud_sync_24.xml
6. ic_warning_24.xml
7. ic_server_24.xml
8. ic_person_24.xml
9. ic_lock_24.xml
10. ic_cloud_download_24.xml
11. ic_check_24.xml

Tool: https://fonts.google.com/icons

Betroffene Dateien:

• android/app/src/main/res/drawable/ (11 neue Icons)

Zeitaufwand: 15 Minuten

---

Phase 4.6: Splash Screen (30 Min)

themes.xml - Splash Screen hinzufügen:

<style name="Theme.SimpleNotes.Starting" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">?attr/colorPrimary</item>
    <item name="windowSplashScreenAnimatedIcon">@drawable/ic_app_logo</item>
    <item name="windowSplashScreenAnimationDuration">500</item>
    <item name="postSplashScreenTheme">@style/Theme.SimpleNotes</item>
</style>

AndroidManifest.xml:

<application
    android:theme="@style/Theme.SimpleNotes.Starting">
    
    <activity
        android:name=".MainActivity"
        android:theme="@style/Theme.SimpleNotes.Starting">

MainActivity.kt:

override fun onCreate(savedInstanceState: Bundle?) {
    // Handle splash screen
    installSplashScreen()
    
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
}

// Import:
import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen

build.gradle.kts:

dependencies {
    implementation("androidx.core:core-splashscreen:1.0.1")
}

Betroffene Dateien:

• android/app/src/main/res/values/themes.xml
• android/app/src/main/AndroidManifest.xml
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt
• android/app/build.gradle.kts

Zeitaufwand: 30 Minuten

---

Material 3 Gesamtaufwand: ~90 Minuten

---

5️⃣ F-Droid Release Vorbereitung ⚠️ MITTEL

Problem:

• Keine F-Droid Metadata vorhanden
• Keine Build-Variante ohne Google-Dependencies

Lösung - Verzeichnisstruktur:

simple-notes-sync/
├── metadata/
│   └── de-DE/
│       ├── full_description.txt
│       ├── short_description.txt
│       ├── title.txt
│       └── changelogs/
│           ├── 1.txt
│           ├── 2.txt
│           └── 3.txt
└── fastlane/
    └── metadata/
        └── android/
            └── de-DE/
                ├── images/
                │   ├── icon.png
                │   ├── featureGraphic.png
                │   └── phoneScreenshots/
                │       ├── 1.png
                │       ├── 2.png
                │       └── 3.png
                ├── full_description.txt
                ├── short_description.txt
                └── title.txt

metadata/de-DE/full_description.txt:

Simple Notes Sync - Deine privaten Notizen, selbst gehostet

Eine minimalistische, datenschutzfreundliche Notizen-App mit automatischer WebDAV-Synchronisation.

HAUPTMERKMALE:

🔒 Datenschutz
• Alle Daten auf deinem eigenen Server
• Keine Cloud-Dienste von Drittanbietern
• Kein Tracking oder Analytics
• Open Source - transparent und überprüfbar

☁️ Automatische Synchronisation
• WebDAV-Sync alle 30 Minuten
• Intelligente Netzwerkerkennung
• Nur im WLAN (konfigurierbar)
• Minimaler Akkuverbrauch (~0,4%/Tag)

✨ Einfach & Schnell
• Klare, aufgeräumte Benutzeroberfläche
• Blitzschnelle Notiz-Erfassung
• Offline-First Design
• Material Design 3

🔧 Flexibel
• Funktioniert mit jedem WebDAV-Server
• Nextcloud, ownCloud, Apache, etc.
• Docker-Setup verfügbar
• Konflikterkennung und -lösung

TECHNISCHE DETAILS:

• Keine Google Services benötigt
• Keine unnötigen Berechtigungen
• Minimale App-Größe (~2-3 MB)
• Android 8.0+ kompatibel
• Kotlin + Material Design 3

PERFECT FÜR:

• Schnelle Notizen und Ideen
• Einkaufslisten
• Todo-Listen
• Persönliche Gedanken
• Alle, die Wert auf Datenschutz legen

Der Quellcode ist verfügbar auf: https://github.com/inventory69/simple-notes-sync

metadata/de-DE/short_description.txt:

Minimalistische Notizen-App mit selbst-gehosteter WebDAV-Synchronisation

metadata/de-DE/title.txt:

Simple Notes Sync

Build-Flavor ohne Google:

// build.gradle.kts
android {
    flavorDimensions += "version"
    productFlavors {
        create("fdroid") {
            dimension = "version"
            // Keine Google/Firebase Dependencies
        }
        create("playstore") {
            dimension = "version"
            // Optional: Google Services für Analytics etc.
        }
    }
}

dependencies {
    // Base dependencies (alle Flavors)
    implementation(libs.androidx.core.ktx)
    implementation(libs.material)
    
    // PlayStore specific (optional)
    "playstoreImplementation"("com.google.firebase:firebase-analytics:21.5.0")
}

Betroffene Dateien:

• metadata/ (neu)
• fastlane/ (neu)
• android/app/build.gradle.kts (Flavors hinzufügen)
• Screenshots erstellen (phone + tablet)

Zeitaufwand: 3-4 Stunden (inkl. Screenshots)

---

5️⃣ Material Design 3 Theme ⚠️ HOCH

Problem:

• Aktuelles Theme ist Material Design 2
• Keine Dynamic Colors (Material You)
• Veraltete Farb-Palette

Lösung - themes.xml:

<!-- res/values/themes.xml -->
<resources>
    <!-- Base Material 3 Theme with Dynamic Colors -->
    <style name="Base.Theme.SimpleNotes" parent="Theme.Material3.DayNight">
        <!-- Dynamic Colors (Android 12+) -->
        <item name="colorPrimary">@color/md_theme_primary</item>
        <item name="colorOnPrimary">@color/md_theme_onPrimary</item>
        <item name="colorPrimaryContainer">@color/md_theme_primaryContainer</item>
        <item name="colorOnPrimaryContainer">@color/md_theme_onPrimaryContainer</item>
        
        <item name="colorSecondary">@color/md_theme_secondary</item>
        <item name="colorOnSecondary">@color/md_theme_onSecondary</item>
        <item name="colorSecondaryContainer">@color/md_theme_secondaryContainer</item>
        <item name="colorOnSecondaryContainer">@color/md_theme_onSecondaryContainer</item>
        
        <item name="colorTertiary">@color/md_theme_tertiary</item>
        <item name="colorOnTertiary">@color/md_theme_onTertiary</item>
        <item name="colorTertiaryContainer">@color/md_theme_tertiaryContainer</item>
        <item name="colorOnTertiaryContainer">@color/md_theme_onTertiaryContainer</item>
        
        <item name="colorError">@color/md_theme_error</item>
        <item name="colorOnError">@color/md_theme_onError</item>
        <item name="colorErrorContainer">@color/md_theme_errorContainer</item>
        <item name="colorOnErrorContainer">@color/md_theme_onErrorContainer</item>
        
        <item name="colorSurface">@color/md_theme_surface</item>
        <item name="colorOnSurface">@color/md_theme_onSurface</item>
        <item name="colorSurfaceVariant">@color/md_theme_surfaceVariant</item>
        <item name="colorOnSurfaceVariant">@color/md_theme_onSurfaceVariant</item>
        
        <item name="colorOutline">@color/md_theme_outline</item>
        <item name="colorOutlineVariant">@color/md_theme_outlineVariant</item>
        
        <item name="android:colorBackground">@color/md_theme_background</item>
        <item name="colorOnBackground">@color/md_theme_onBackground</item>
        
        <!-- Shapes -->
        <item name="shapeAppearanceSmallComponent">@style/ShapeAppearance.SimpleNotes.SmallComponent</item>
        <item name="shapeAppearanceMediumComponent">@style/ShapeAppearance.SimpleNotes.MediumComponent</item>
        <item name="shapeAppearanceLargeComponent">@style/ShapeAppearance.SimpleNotes.LargeComponent</item>
        
        <!-- Typography -->
        <item name="textAppearanceHeadlineLarge">@style/TextAppearance.SimpleNotes.HeadlineLarge</item>
        <item name="textAppearanceBodyLarge">@style/TextAppearance.SimpleNotes.BodyLarge</item>
        
        <!-- Status bar -->
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowLightStatusBar">true</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
    </style>
    
    <style name="Theme.SimpleNotes" parent="Base.Theme.SimpleNotes" />
    
    <!-- Shapes -->
    <style name="ShapeAppearance.SimpleNotes.SmallComponent" parent="ShapeAppearance.Material3.SmallComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">12dp</item>
    </style>
    
    <style name="ShapeAppearance.SimpleNotes.MediumComponent" parent="ShapeAppearance.Material3.MediumComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">16dp</item>
    </style>
    
    <style name="ShapeAppearance.SimpleNotes.LargeComponent" parent="ShapeAppearance.Material3.LargeComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">24dp</item>
    </style>
</resources>

colors.xml (Material 3 Baseline):

<!-- res/values/colors.xml -->
<resources>
    <!-- Light Theme Colors -->
    <color name="md_theme_primary">#006C4C</color>
    <color name="md_theme_onPrimary">#FFFFFF</color>
    <color name="md_theme_primaryContainer">#89F8C7</color>
    <color name="md_theme_onPrimaryContainer">#002114</color>
    
    <color name="md_theme_secondary">#4D6357</color>
    <color name="md_theme_onSecondary">#FFFFFF</color>
    <color name="md_theme_secondaryContainer">#CFE9D9</color>
    <color name="md_theme_onSecondaryContainer">#0A1F16</color>
    
    <color name="md_theme_tertiary">#3D6373</color>
    <color name="md_theme_onTertiary">#FFFFFF</color>
    <color name="md_theme_tertiaryContainer">#C1E8FB</color>
    <color name="md_theme_onTertiaryContainer">#001F29</color>
    
    <color name="md_theme_error">#BA1A1A</color>
    <color name="md_theme_onError">#FFFFFF</color>
    <color name="md_theme_errorContainer">#FFDAD6</color>
    <color name="md_theme_onErrorContainer">#410002</color>
    
    <color name="md_theme_background">#FBFDF9</color>
    <color name="md_theme_onBackground">#191C1A</color>
    
    <color name="md_theme_surface">#FBFDF9</color>
    <color name="md_theme_onSurface">#191C1A</color>
    <color name="md_theme_surfaceVariant">#DCE5DD</color>
    <color name="md_theme_onSurfaceVariant">#404943</color>
    
    <color name="md_theme_outline">#707973</color>
    <color name="md_theme_outlineVariant">#BFC9C2</color>
</resources>

Dynamic Colors aktivieren (MainActivity.kt):

override fun onCreate(savedInstanceState: Bundle?) {
    // Enable dynamic colors (Android 12+)
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
        DynamicColors.applyToActivityIfAvailable(this)
    }
    
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    // ...
}

Dependency hinzufügen:

// build.gradle.kts
dependencies {
    implementation("com.google.android.material:material:1.11.0")
}

Betroffene Dateien:

• android/app/src/main/res/values/themes.xml
• android/app/src/main/res/values/colors.xml
• android/app/src/main/res/values-night/colors.xml (neu)
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt
• android/app/build.gradle.kts

Zeitaufwand: 2-3 Stunden

---

6️⃣ Settings UI mit Material 3 ⚠️ MITTEL

Problem:

• Plain TextInputLayouts ohne Icons
• Keine visuellen Gruppierungen
• Server-Status Wechsel nicht animiert

Lösung - activity_settings.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:title="@string/settings"
            app:navigationIcon="?attr/homeAsUpIndicator" />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <!-- Server Settings Card -->
            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="16dp"
                app:cardElevation="2dp"
                app:cardCornerRadius="16dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:padding="16dp">

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/server_settings"
                        android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                        android:layout_marginBottom="16dp" />

                    <com.google.android.material.textfield.TextInputLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/server_url"
                        android:layout_marginBottom="12dp"
                        app:startIconDrawable="@drawable/ic_server"
                        app:helperText="z.B. https://cloud.example.com/remote.php/dav/files/username/notes"
                        style="@style/Widget.Material3.TextInputLayout.FilledBox">

                        <com.google.android.material.textfield.TextInputEditText
                            android:id="@+id/editTextServerUrl"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="textUri" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/username"
                        android:layout_marginBottom="12dp"
                        app:startIconDrawable="@drawable/ic_person"
                        style="@style/Widget.Material3.TextInputLayout.FilledBox">

                        <com.google.android.material.textfield.TextInputEditText
                            android:id="@+id/editTextUsername"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="text" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <com.google.android.material.textfield.TextInputLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:hint="@string/password"
                        app:startIconDrawable="@drawable/ic_lock"
                        style="@style/Widget.Material3.TextInputLayout.FilledBox"
                        app:endIconMode="password_toggle">

                        <com.google.android.material.textfield.TextInputEditText
                            android:id="@+id/editTextPassword"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="textPassword" />

                    </com.google.android.material.textfield.TextInputLayout>

                    <!-- Server Status Chip -->
                    <com.google.android.material.chip.Chip
                        android:id="@+id/chipServerStatus"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp"
                        android:text="🔍 Prüfe Server..."
                        app:chipIcon="@drawable/ic_sync"
                        style="@style/Widget.Material3.Chip.Assist" />

                    <!-- Connection Test Button -->
                    <com.google.android.material.button.MaterialButton
                        android:id="@+id/buttonTestConnection"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="16dp"
                        android:text="@string/test_connection"
                        app:icon="@drawable/ic_check_circle"
                        style="@style/Widget.Material3.Button.TonalButton" />

                    <com.google.android.material.button.MaterialButton
                        android:id="@+id/buttonSyncNow"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp"
                        android:text="@string/sync_now"
                        app:icon="@drawable/ic_sync"
                        style="@style/Widget.Material3.Button" />

                </LinearLayout>

            </com.google.android.material.card.MaterialCardView>

            <!-- Auto-Sync Card -->
            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="16dp"
                app:cardElevation="2dp"
                app:cardCornerRadius="16dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:padding="16dp">

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="Automatische Synchronisation"
                        android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                        android:layout_marginBottom="8dp" />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:layout_marginBottom="12dp">

                        <LinearLayout
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:orientation="vertical">

                            <TextView
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:text="@string/auto_sync"
                                android:textAppearance="@style/TextAppearance.Material3.BodyLarge" />

                            <TextView
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:text="Synchronisiert alle 30 Minuten"
                                android:textAppearance="@style/TextAppearance.Material3.BodySmall"
                                android:textColor="?android:attr/textColorSecondary" />

                        </LinearLayout>

                        <com.google.android.material.switchmaterial.SwitchMaterial
                            android:id="@+id/switchAutoSync"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical" />

                    </LinearLayout>

                    <!-- Info Banner -->
                    <com.google.android.material.card.MaterialCardView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        app:cardBackgroundColor="?attr/colorPrimaryContainer"
                        app:cardElevation="0dp"
                        app:cardCornerRadius="12dp">

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:orientation="horizontal"
                            android:padding="12dp">

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="ℹ️"
                                android:textSize="24sp"
                                android:layout_marginEnd="12dp" />

                            <TextView
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_weight="1"
                                android:text="Auto-Sync funktioniert nur im selben WLAN-Netzwerk wie dein Server. Minimaler Akkuverbrauch (~0.4%/Tag)."
                                android:textAppearance="@style/TextAppearance.Material3.BodySmall"
                                android:textColor="?attr/colorOnPrimaryContainer" />

                        </LinearLayout>

                    </com.google.android.material.card.MaterialCardView>

                </LinearLayout>

            </com.google.android.material.card.MaterialCardView>

        </LinearLayout>

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Animierter Server-Status (SettingsActivity.kt):

private fun updateServerStatus(status: ServerStatus) {
    val chip = findViewById<Chip>(R.id.chipServerStatus)
    
    // Animate transition
    chip.animate()
        .alpha(0f)
        .setDuration(150)
        .withEndAction {
            when (status) {
                ServerStatus.CHECKING -> {
                    chip.text = "🔍 Prüfe Server..."
                    chip.chipBackgroundColor = ColorStateList.valueOf(
                        getColor(R.color.md_theme_surfaceVariant)
                    )
                    chip.setChipIconResource(R.drawable.ic_sync)
                }
                ServerStatus.REACHABLE -> {
                    chip.text = "✅ Server erreichbar"
                    chip.chipBackgroundColor = ColorStateList.valueOf(
                        getColor(R.color.md_theme_primaryContainer)
                    )
                    chip.setChipIconResource(R.drawable.ic_check_circle)
                }
                ServerStatus.UNREACHABLE -> {
                    chip.text = "❌ Nicht erreichbar"
                    chip.chipBackgroundColor = ColorStateList.valueOf(
                        getColor(R.color.md_theme_errorContainer)
                    )
                    chip.setChipIconResource(R.drawable.ic_error)
                }
                ServerStatus.NOT_CONFIGURED -> {
                    chip.text = "⚠️ Nicht konfiguriert"
                    chip.chipBackgroundColor = ColorStateList.valueOf(
                        getColor(R.color.md_theme_surfaceVariant)
                    )
                    chip.setChipIconResource(R.drawable.ic_warning)
                }
            }
            
            chip.animate()
                .alpha(1f)
                .setDuration(150)
                .start()
        }
        .start()
}

enum class ServerStatus {
    CHECKING,
    REACHABLE,
    UNREACHABLE,
    NOT_CONFIGURED
}

Icons benötigt (drawable/):

• ic_server.xml
• ic_person.xml
• ic_lock.xml
• ic_check_circle.xml
• ic_sync.xml
• ic_error.xml
• ic_warning.xml

Betroffene Dateien:

• android/app/src/main/res/layout/activity_settings.xml
• android/app/src/main/java/dev/dettmer/simplenotes/SettingsActivity.kt
• android/app/src/main/res/drawable/ (Icons)

Zeitaufwand: 3-4 Stunden

---

7️⃣ Main Activity mit Material 3 Cards ⚠️ HOCH

Problem:

• Notizen in einfachen ListItems
• Keine Elevation/Shadow
• Swipe-to-Delete fehlt

Lösung - item_note.xml:

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    app:cardElevation="2dp"
    app:cardCornerRadius="16dp"
    android:clickable="true"
    android:focusable="true"
    app:rippleColor="?attr/colorPrimary">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">

        <TextView
            android:id="@+id/textViewTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Notiz Titel"
            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
            android:textColor="?attr/colorOnSurface"
            android:maxLines="2"
            android:ellipsize="end"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@id/chipSyncStatus"
            app:layout_constraintTop_toTopOf="parent" />

        <com.google.android.material.chip.Chip
            android:id="@+id/chipSyncStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="☁️"
            android:textSize="12sp"
            app:chipMinHeight="24dp"
            style="@style/Widget.Material3.Chip.Assist.Elevated"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textViewContent"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:text="Notiz Inhalt Vorschau..."
            android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
            android:textColor="?attr/colorOnSurfaceVariant"
            android:maxLines="3"
            android:ellipsize="end"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@id/textViewTitle" />

        <TextView
            android:id="@+id/textViewTimestamp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:text="vor 5 Minuten"
            android:textAppearance="@style/TextAppearance.Material3.LabelSmall"
            android:textColor="?attr/colorOnSurfaceVariant"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@id/textViewContent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</com.google.android.material.card.MaterialCardView>

Swipe-to-Delete (MainActivity.kt):

private fun setupRecyclerView() {
    recyclerView = findViewById(R.id.recyclerView)
    adapter = NotesAdapter { note ->
        openNoteEditor(note.id)
    }
    
    recyclerView.adapter = adapter
    recyclerView.layoutManager = LinearLayoutManager(this)
    
    // Swipe-to-Delete
    val swipeHandler = object : ItemTouchHelper.SimpleCallback(
        0,
        ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT
    ) {
        override fun onMove(
            recyclerView: RecyclerView,
            viewHolder: RecyclerView.ViewHolder,
            target: RecyclerView.ViewHolder
        ): Boolean = false

        override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
            val position = viewHolder.adapterPosition
            val note = adapter.notes[position]
            
            // Delete with undo
            adapter.removeNote(position)
            storage.deleteNote(note.id)
            
            Snackbar.make(
                findViewById(R.id.coordinator),
                "Notiz gelöscht",
                Snackbar.LENGTH_LONG
            ).setAction("RÜCKGÄNGIG") {
                adapter.addNote(position, note)
                storage.saveNote(note)
            }.show()
        }

        override fun onChildDraw(
            c: Canvas,
            recyclerView: RecyclerView,
            viewHolder: RecyclerView.ViewHolder,
            dX: Float,
            dY: Float,
            actionState: Int,
            isCurrentlyActive: Boolean
        ) {
            val itemView = viewHolder.itemView
            
            val paint = Paint()
            paint.color = getColor(R.color.md_theme_errorContainer)
            
            // Draw background
            if (dX > 0) {
                c.drawRect(
                    itemView.left.toFloat(),
                    itemView.top.toFloat(),
                    dX,
                    itemView.bottom.toFloat(),
                    paint
                )
            } else {
                c.drawRect(
                    itemView.right.toFloat() + dX,
                    itemView.top.toFloat(),
                    itemView.right.toFloat(),
                    itemView.bottom.toFloat(),
                    paint
                )
            }
            
            super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive)
        }
    }
    
    ItemTouchHelper(swipeHandler).attachToRecyclerView(recyclerView)
}

Empty State (activity_main.xml):

<com.google.android.material.card.MaterialCardView
    android:id="@+id/cardEmptyState"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="32dp"
    android:visibility="gone"
    app:cardElevation="0dp"
    app:cardCornerRadius="24dp"
    app:cardBackgroundColor="?attr/colorSurfaceVariant">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="48dp"
        android:gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="📝"
            android:textSize="72sp"
            android:layout_marginBottom="16dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Noch keine Notizen"
            android:textAppearance="@style/TextAppearance.Material3.HeadlineSmall"
            android:layout_marginBottom="8dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Tippe auf + um deine erste Notiz zu erstellen"
            android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
            android:textColor="?attr/colorOnSurfaceVariant"
            android:gravity="center" />

    </LinearLayout>

</com.google.android.material.card.MaterialCardView>

Extended FAB (activity_main.xml):

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
    android:id="@+id/fabAddNote"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:text="Neue Notiz"
    app:icon="@drawable/ic_add" />

Betroffene Dateien:

• android/app/src/main/res/layout/activity_main.xml
• android/app/src/main/res/layout/item_note.xml
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt
• android/app/src/main/java/dev/dettmer/simplenotes/adapters/NotesAdapter.kt

Zeitaufwand: 4-5 Stunden

---

8️⃣ Editor mit Material 3 ⚠️ MITTEL

Problem:

• Einfache EditText-Felder
• Kein Character Counter
• Keine visuelle Trennung

Lösung - activity_editor.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:navigationIcon="@drawable/ic_close" />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp">

            <!-- Save Status Indicator -->
            <com.google.android.material.chip.Chip
                android:id="@+id/chipSaveStatus"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="16dp"
                android:visibility="gone"
                app:chipIcon="@drawable/ic_check"
                style="@style/Widget.Material3.Chip.Assist" />

            <!-- Title Input -->
            <com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Titel"
                android:layout_marginBottom="16dp"
                app:counterEnabled="true"
                app:counterMaxLength="100"
                style="@style/Widget.Material3.TextInputLayout.FilledBox">

                <com.google.android.material.textfield.TextInputEditText
                    android:id="@+id/editTextTitle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="textCapSentences"
                    android:maxLength="100"
                    android:textAppearance="@style/TextAppearance.Material3.HeadlineSmall" />

            </com.google.android.material.textfield.TextInputLayout>

            <!-- Content Input -->
            <com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Deine Notiz..."
                app:counterEnabled="true"
                app:counterMaxLength="10000"
                style="@style/Widget.Material3.TextInputLayout.FilledBox">

                <com.google.android.material.textfield.TextInputEditText
                    android:id="@+id/editTextContent"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="textMultiLine|textCapSentences"
                    android:gravity="top"
                    android:minLines="10"
                    android:maxLength="10000"
                    android:textAppearance="@style/TextAppearance.Material3.BodyLarge" />

            </com.google.android.material.textfield.TextInputLayout>

            <!-- Metadata Card -->
            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="16dp"
                app:cardElevation="0dp"
                app:cardCornerRadius="12dp"
                app:cardBackgroundColor="?attr/colorSurfaceVariant">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:padding="12dp">

                    <TextView
                        android:id="@+id/textViewCreatedAt"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="Erstellt: Heute um 14:30"
                        android:textAppearance="@style/TextAppearance.Material3.LabelSmall"
                        android:textColor="?attr/colorOnSurfaceVariant" />

                    <TextView
                        android:id="@+id/textViewModifiedAt"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="4dp"
                        android:text="Geändert: vor 2 Minuten"
                        android:textAppearance="@style/TextAppearance.Material3.LabelSmall"
                        android:textColor="?attr/colorOnSurfaceVariant" />

                </LinearLayout>

            </com.google.android.material.card.MaterialCardView>

        </LinearLayout>

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Betroffene Dateien:

• android/app/src/main/res/layout/activity_editor.xml
• android/app/src/main/java/dev/dettmer/simplenotes/NoteEditorActivity.kt

Zeitaufwand: 2 Stunden

---

9️⃣ Splash Screen mit Material 3 ⚠️ NIEDRIG

Problem:

• Kein moderner Splash Screen

Lösung:

<!-- res/values/themes.xml -->
<style name="Theme.SimpleNotes.Starting" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">?attr/colorPrimary</item>
    <item name="windowSplashScreenAnimatedIcon">@drawable/ic_app_logo</item>
    <item name="windowSplashScreenAnimationDuration">500</item>
    <item name="postSplashScreenTheme">@style/Theme.SimpleNotes</item>
</style>

<!-- AndroidManifest.xml -->
<application
    android:theme="@style/Theme.SimpleNotes.Starting">
    
    <activity
        android:name=".MainActivity"
        android:theme="@style/Theme.SimpleNotes.Starting">

// MainActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
    // Handle the splash screen transition
    installSplashScreen()
    
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
}

Dependency:

implementation("androidx.core:core-splashscreen:1.0.1")

Betroffene Dateien:

• android/app/src/main/res/values/themes.xml
• android/app/src/main/AndroidManifest.xml
• android/app/src/main/java/dev/dettmer/simplenotes/MainActivity.kt
• android/app/build.gradle.kts

Zeitaufwand: 30 Minuten

---

🔟 Deutsche Lokalisierung ⚠️ MITTEL

Problem:

• Einige Strings noch auf Englisch
• Release Notes englisch
• Error Messages englisch

Lösung - strings.xml vervollständigen:

<resources>
    <!-- App -->
    <string name="app_name">Simple Notes</string>
    
    <!-- Main Activity -->
    <string name="no_notes_yet">Noch keine Notizen.\nTippe + um eine zu erstellen.</string>
    <string name="add_note">Notiz hinzufügen</string>
    <string name="sync">Synchronisieren</string>
    <string name="settings">Einstellungen</string>
    
    <!-- Editor -->
    <string name="edit_note">Notiz bearbeiten</string>
    <string name="new_note">Neue Notiz</string>
    <string name="title">Titel</string>
    <string name="content">Inhalt</string>
    <string name="save">Speichern</string>
    <string name="delete">Löschen</string>
    <string name="saving">Speichere…</string>
    <string name="saved">✓ Gespeichert</string>
    <string name="auto_save_hint">Änderungen werden automatisch gespeichert</string>
    
    <!-- Settings -->
    <string name="server_settings">Server-Einstellungen</string>
    <string name="server_url">Server URL</string>
    <string name="server_url_hint">z.B. https://cloud.example.com/remote.php/dav/files/username/notes</string>
    <string name="username">Benutzername</string>
    <string name="password">Passwort</string>
    <string name="wifi_settings">WLAN-Einstellungen</string>
    <string name="home_ssid">Heim-WLAN SSID</string>
    <string name="auto_sync">Auto-Sync aktiviert</string>
    <string name="auto_sync_description">Synchronisiert alle 30 Minuten</string>
    <string name="auto_sync_info">Auto-Sync funktioniert nur im selben WLAN-Netzwerk wie dein Server. Minimaler Akkuverbrauch (~0.4%/Tag).</string>
    <string name="test_connection">Verbindung testen</string>
    <string name="sync_now">Jetzt synchronisieren</string>
    <string name="sync_status">Sync-Status</string>
    
    <!-- Server Status -->
    <string name="server_status_checking">🔍 Prüfe Server…</string>
    <string name="server_status_reachable">✅ Server erreichbar</string>
    <string name="server_status_unreachable">❌ Nicht erreichbar</string>
    <string name="server_status_not_configured">⚠️ Nicht konfiguriert</string>
    
    <!-- Messages -->
    <string name="testing_connection">Teste Verbindung…</string>
    <string name="connection_successful">Verbindung erfolgreich!</string>
    <string name="connection_failed">Verbindung fehlgeschlagen: %s</string>
    <string name="synchronizing">Synchronisiere…</string>
    <string name="sync_successful">Erfolgreich! %d Notizen synchronisiert</string>
    <string name="sync_failed">Sync fehlgeschlagen: %s</string>
    <string name="sync_conflicts">Sync abgeschlossen. %d Konflikte erkannt!</string>
    <string name="note_saved">Notiz gespeichert</string>
    <string name="note_deleted">Notiz gelöscht</string>
    <string name="undo">RÜCKGÄNGIG</string>
    
    <!-- Dialogs -->
    <string name="delete_note_title">Notiz löschen?</string>
    <string name="delete_note_message">Diese Aktion kann nicht rückgängig gemacht werden.</string>
    <string name="cancel">Abbrechen</string>
    <string name="battery_optimization_title">Hintergrund-Synchronisation</string>
    <string name="battery_optimization_message">Damit die App im Hintergrund synchronisieren kann, muss die Akku-Optimierung deaktiviert werden.\n\nBitte wähle \'Nicht optimieren\' für Simple Notes.</string>
    <string name="open_settings">Einstellungen öffnen</string>
    <string name="later">Später</string>
    
    <!-- Errors -->
    <string name="error_title_empty">Titel oder Inhalt darf nicht leer sein</string>
    <string name="error_network">Netzwerkfehler: %s</string>
    <string name="error_server">Server-Fehler: %s</string>
    <string name="error_auth">Authentifizierung fehlgeschlagen</string>
    <string name="error_unknown">Unbekannter Fehler: %s</string>
    
    <!-- Notifications -->
    <string name="notification_channel_name">Notizen Synchronisierung</string>
    <string name="notification_channel_description">Benachrichtigungen über Sync-Status</string>
    <string name="notification_sync_success">Sync erfolgreich</string>
    <string name="notification_sync_success_text">%d Notizen synchronisiert</string>
    <string name="notification_sync_failed">Sync fehlgeschlagen</string>
    <string name="notification_sync_failed_text">%s</string>
</resources>

Betroffene Dateien:

• android/app/src/main/res/values/strings.xml
• .github/workflows/build-production-apk.yml
• Alle .kt Dateien mit hardcoded strings

Zeitaufwand: 2 Stunden

---

📊 Zusammenfassung & Prioritäten

Phase 1: Kritische UX-Fixes (Sofort) ⚡

Zeitaufwand: ~3-4 Stunden

1. ✅ Server-Status Aktualisierung (15 min)
2. ✅ Auto-Save Indikator (1-2 h)
3. ✅ GitHub Releases auf Deutsch (30 min)
4. ✅ Server-Backup Wiederherstellung (2-3 h)

Phase 2: Material Design 3 Migration (1 Tag) 🎨

Zeitaufwand: ~90 Minuten

5. ✅ Theme & Dynamic Colors (15 min)
6. ✅ MainActivity Layout (10 min)
7. ✅ Note Item Card (10 min)
8. ✅ Editor Layout (10 min)
9. ✅ Settings Layout (10 min) - aus Phase 3 vorgezogen
10. ✅ Material Icons (15 min)
11. ✅ Splash Screen (30 min)

Phase 3: Advanced UI Features (2-3 Tage) 🚀

Zeitaufwand: ~4-5 Stunden

12. ✅ Swipe-to-Delete (1 h)
13. ✅ Empty State (30 min)
14. ✅ Animierte Server-Status Änderung (1 h)
15. ✅ Deutsche Lokalisierung vervollständigen (1-2 h)

Phase 4: F-Droid Release (1 Tag) 📦

Zeitaufwand: ~4 Stunden

16. ✅ F-Droid Metadata (3-4 h)
17. ✅ F-Droid Build-Flavor (30 min)

---

🎯 Empfohlene Reihenfolge

Woche 1: Fundament & Kritische Fixes

Tag 1 (3-4h): Phase 1 - Kritische UX-Fixes

• Server-Status sofort grün nach Test
• Auto-Save mit visuellem Feedback
• Deutsche Release Notes
• Server-Backup Funktion ← NEU & WICHTIG

Tag 2 (1.5h): Phase 2 Start - Material Design 3 Foundation

• Theme & Dynamic Colors aktivieren
• MainActivity Layout modernisieren
• Note Item Cards verbessern

Tag 3 (1.5h): Phase 2 Fortführung - Material Design 3

• Editor Layout upgraden
• Settings Layout modernisieren
• Material Icons erstellen
• Splash Screen implementieren

Woche 2: Polish & Release

Tag 4 (2-3h): Phase 3 - Advanced Features

• Swipe-to-Delete mit Animation
• Empty State mit Illustration
• Server-Status Animationen
• Deutsche Strings vervollständigen

Tag 5 (4h): Phase 4 - F-Droid Vorbereitung

• Metadata erstellen
• Screenshots machen
• Build-Flavor konfigurieren

---

🆕 Neue Features Zusammenfassung

Server-Backup Wiederherstellung

Warum wichtig:

• ✅ Gerätewechsel einfach
• ✅ Recovery nach App-Neuinstallation
• ✅ Datensicherheit erhöht
• ✅ User-Vertrauen gestärkt

Wo in der UI:

• Settings Activity → neuer Button "Vom Server wiederherstellen"
• Warn-Dialog vor Ausführung
• Progress-Dialog während Download
• Success-Dialog mit Anzahl wiederhergestellter Notizen

Backend:

• WebDavSyncService.restoreFromServer()
• NotesStorage.clearAll()
• Vollständiger Download aller Server-Notizen
• Überschreibt lokale Daten komplett

---

📝 Material Design 3 - Schnellreferenz

Umgesetzt wird:

✅ Dynamic Colors - Farben aus Wallpaper (Android 12+) ✅ Material 3 Components - Cards, Buttons, TextInputs ✅ 16dp Corner Radius - Modernere abgerundete Ecken ✅ Material Symbols - Neue Icon-Familie ✅ Typography Scale - Material 3 Text-Styles ✅ Dark Mode - Perfekt abgestimmte Nacht-Farben ✅ Splash Screen API - Android 12+ Native Splash

Design-Token:

• Primary: Grün (#006C4C) - Natur, Notizen, Wachstum
• Secondary: Grau-Grün - Subtil, harmonisch
• Surface: Hell/Dunkel - Abhängig von Theme
• Shapes: Small 12dp, Medium 16dp, Large 24dp

---

📋 Checkliste vor Start

• Branch erstellen: git checkout -b feature/ux-improvements
• Backup vom aktuellen Stand
• Material 3 Dependency prüfen: com.google.android.material:material:1.11.0
• Android Studio aktualisiert
• Testgerät mit Android 12+ für Dynamic Colors

---

🧪 Testing nach Abschluss

Manuell:

• Alle Layouts auf Smartphone (Phone)
• Alle Layouts auf Tablet
• Dark Mode überall
• Light Mode überall
• Dynamic Colors (Android 12+)
• Server-Backup: Restore funktioniert
• Server-Backup: Dialog-Texte korrekt
• Auto-Save: Indikator erscheint
• Auto-Save: Speichert nach 2s
• Server-Status: Wird sofort aktualisiert
• Swipe-to-Delete: Animation smooth
• Empty State: Zeigt sich bei 0 Notizen
• Splash Screen: Erscheint beim Start
• Alle Icons: Richtige Farbe (Tint)
• Alle Buttons: Funktionieren
• Deutsch: Keine englischen Strings mehr

Automatisch:

• Build erfolgreich (Debug)
• Build erfolgreich (Release)
• APK Size akzeptabel (<5 MB)
• Keine Lint-Errors
• ProGuard-Regeln funktionieren

---

📚 Referenzen & Tools

Material Design 3:

• Material Design 3 Guidelines
• Material Theme Builder
• Material Symbols Icons

Android:

• Splash Screen API
• Dynamic Colors

---

📝 Nächste Schritte

Soll ich mit Phase 1 (kritische UX-Fixes + Server-Backup) beginnen?

Was ich jetzt machen würde:

1. Server-Backup implementieren (2-3h)

   • Höchste Priorität: User-requested Feature
   • Kritisch für Datensicherheit

2. Server-Status sofort aktualisieren (15 min)

   • Schneller Win
   • Verbessert UX sofort

3. Auto-Save Indikator (1-2h)

   • Eliminiert Verwirrung
   • Modernes Pattern

4. Material 3 Foundation (90 min)

   • Theme & Colors
   • Basis für alles weitere

Diese 4 Tasks würden den größten Impact haben und sind in ~4-6 Stunden machbar! 🚀