From f680750119c30c5f5843b3d4e9cd49bf81769922 Mon Sep 17 00:00:00 2001
From: Pedro Javier <espinosaduque@gmail.com>
Date: Mon, 13 Jul 2026 13:02:27 +0200
Subject: [PATCH] =?UTF-8?q?A=C3=B1adir=20pantalla=20login=20y=20conexion?=
 =?UTF-8?q?=20a=20mariadb?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .idea/deploymentTargetSelector.xml            |  11 ++
 .idea/gradle.xml                              |   1 +
 .idea/misc.xml                                |   2 +-
 README.md                                     |  38 ++++---
 app/build.gradle.kts                          |   1 +
 app/src/main/AndroidManifest.xml              |   2 +
 .../java/com/example/saludapp/MainActivity.kt |  30 +++++-
 .../example/saludapp/data/DatabaseHelper.kt   |  43 ++++++++
 .../com/example/saludapp/ui/LoginScreen.kt    | 102 ++++++++++++++++++
 gradle/libs.versions.toml                     |   2 +
 10 files changed, 214 insertions(+), 18 deletions(-)
 create mode 100644 .idea/deploymentTargetSelector.xml
 create mode 100644 app/src/main/java/com/example/saludapp/data/DatabaseHelper.kt
 create mode 100644 app/src/main/java/com/example/saludapp/ui/LoginScreen.kt

diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
new file mode 100644
index 0000000..ca16a99
--- /dev/null
+++ b/.idea/deploymentTargetSelector.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetSelector">
+    <selectionStates>
+      <SelectionState runConfigName="app">
+        <option name="selectionMode" value="DROPDOWN" />
+        <DialogSelection />
+      </SelectionState>
+    </selectionStates>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index cdbc250..02c4aa5 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index a4f09e2..74dd639 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" project-jdk-name="jbr-21" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="jbr-21" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
   <component name="ProjectType">
diff --git a/README.md b/README.md
index 8377404..82f7da8 100644
--- a/README.md
+++ b/README.md
@@ -1,38 +1,46 @@
 # Saludapp
 
-Saludapp es una aplicación Android moderna enfocada en la salud y el bienestar, desarrollada utilizando las últimas tecnologías y prácticas recomendadas de Android.
+Saludapp es una aplicación Android moderna enfocada en la salud y el bienestar, diseñada para ser multiusuario y conectada a una base de datos externa.
 
 ## 🚀 Características
-- Interfaz de usuario moderna con **Jetpack Compose**.
-- Pantalla de inicio atractiva con mensaje de bienvenida.
-- Diseño basado en **Material 3** con soporte para temas dinámicos.
-- Arquitectura limpia y escalable.
+- **Sistema Multiusuario:** Autenticación de usuarios mediante Login.
+- **Conexión a Base de Datos:** Integración directa con **MariaDB** autohospedado.
+- **Interfaz Moderna:** Desarrollada íntegramente con **Jetpack Compose**.
+- **Diseño Material 3:** Uso de componentes y temas dinámicos de última generación.
+- **Navegación Fluida:** Flujo desde pantalla de inicio hasta el panel principal.
 
 ## 🛠️ Tecnologías utilizadas
 - **Lenguaje:** [Kotlin](https://kotlinlang.org/)
 - **UI Framework:** [Jetpack Compose](https://developer.android.com/jetpack/compose)
+- **Base de Datos:** [MariaDB](https://mariadb.org/) (via MariaDB Java Client)
+- **Asincronía:** Corrutinas de Kotlin para operaciones de red no bloqueantes.
 - **Diseño:** [Material Design 3](https://m3.material.io/)
-- **Gestión de dependencias:** Gradle (Kotlin DSL)
 
 ## 📋 Requisitos previos
 - Android Studio Ladybug o superior.
 - JDK 17 o superior.
-- SDK de Android (Nivel de API 24 o superior recomendado).
+- SDK de Android 37 (API level 37).
 
 ## 🔧 Configuración e Instalación
-1. Clona este repositorio:
+1. **Clonar el repositorio:**
    ```bash
    git clone https://github.com/tu-usuario/Saludapp.git
    ```
-2. Abre el proyecto en **Android Studio**.
-3. Sincroniza el proyecto con los archivos de Gradle.
-4. Ejecuta la aplicación en un emulador o dispositivo físico.
+2. **Configurar Credenciales:**
+   - Abre el archivo `app/src/main/java/com/example/saludapp/data/DatabaseHelper.kt`.
+   - Sustituye `TU_CONTRASEÑA_AQUÍ` por la contraseña real de tu base de datos MariaDB.
+3. **Sincronizar Gradle:** Abre el proyecto en Android Studio y espera a que termine la sincronización de dependencias.
+4. **Ejecutar:** Compila y ejecuta en un dispositivo o emulador con acceso a Internet.
 
 ## 📂 Estructura del Proyecto
-- `app/`: Contiene el código fuente principal de la aplicación.
-  - `src/main/java/com/example/saludapp/MainActivity.kt`: Punto de entrada de la aplicación.
-  - `src/main/java/com/example/saludapp/ui/StartScreen.kt`: Composable de la pantalla de inicio.
-  - `src/main/java/com/example/saludapp/ui/theme/`: Configuración del tema, colores y tipografía de Material 3.
+- `app/`: Módulo principal de la aplicación.
+  - `src/main/java/com/example/saludapp/`:
+    - `MainActivity.kt`: Gestiona el flujo de navegación principal.
+    - `data/DatabaseHelper.kt`: Lógica de conexión y consultas a MariaDB.
+    - `ui/`: Contiene los componentes de la interfaz de usuario.
+      - `StartScreen.kt`: Pantalla de bienvenida.
+      - `LoginScreen.kt`: Interfaz de inicio de sesión con validación real.
+      - `theme/`: Definición de estilos y colores de Material 3.
 
 ---
 Desarrollado con ❤️ para mejorar la salud de los usuarios.
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 650ff25..592018c 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -42,6 +42,7 @@ dependencies {
     implementation(libs.androidx.compose.ui.tooling.preview)
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.mariadb.java.client)
     testImplementation(libs.junit)
     androidTestImplementation(platform(libs.androidx.compose.bom))
     androidTestImplementation(libs.androidx.compose.ui.test.junit4)
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 54494db..6080043 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <uses-permission android:name="android.permission.INTERNET" />
+
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
diff --git a/app/src/main/java/com/example/saludapp/MainActivity.kt b/app/src/main/java/com/example/saludapp/MainActivity.kt
index a2cca21..eeb61eb 100644
--- a/app/src/main/java/com/example/saludapp/MainActivity.kt
+++ b/app/src/main/java/com/example/saludapp/MainActivity.kt
@@ -4,6 +4,16 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Text
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import com.example.saludapp.ui.LoginScreen
 import com.example.saludapp.ui.StartScreen
 import com.example.saludapp.ui.theme.SaludappTheme
 
@@ -13,8 +23,24 @@ class MainActivity : ComponentActivity() {
         enableEdgeToEdge()
         setContent {
             SaludappTheme {
-                StartScreen {
-                    // Acción al presionar el botón
+                var currentScreen by remember { mutableStateOf("start") }
+
+                when (currentScreen) {
+                    "start" -> StartScreen {
+                        currentScreen = "login"
+                    }
+                    "login" -> LoginScreen {
+                        // Aquí iría la lógica tras login exitoso
+                        currentScreen = "home"
+                    }
+                    "home" -> {
+                        Box(
+                            modifier = Modifier.fillMaxSize(),
+                            contentAlignment = Alignment.Center
+                        ) {
+                            Text("Bienvenido a Saludapp")
+                        }
+                    }
                 }
             }
         }
diff --git a/app/src/main/java/com/example/saludapp/data/DatabaseHelper.kt b/app/src/main/java/com/example/saludapp/data/DatabaseHelper.kt
new file mode 100644
index 0000000..6de3d9a
--- /dev/null
+++ b/app/src/main/java/com/example/saludapp/data/DatabaseHelper.kt
@@ -0,0 +1,43 @@
+package com.example.saludapp.data
+
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import java.sql.Connection
+import java.sql.DriverManager
+import java.sql.SQLException
+
+object DatabaseHelper {
+    private const val URL = "jdbc:mariadb://mariadb.peta9.com:3306/saludapp_db"
+    private const val USER = "saludapp_dba"
+    private const val PASSWORD = "TU_CONTRASEÑA_AQUÍ" // TODO: Reemplazar con la contraseña real
+
+    suspend fun validateLogin(user: String, pass: String): Boolean = withContext(Dispatchers.IO) {
+        var connection: Connection? = null
+        try {
+            // Cargar el driver explícitamente si es necesario
+            Class.forName("org.mariadb.jdbc.Driver")
+            connection = DriverManager.getConnection(URL, USER, PASSWORD)
+            
+            val query = "SELECT COUNT(*) FROM usuarios WHERE (username = ? OR email = ?) AND password = ?"
+            connection.prepareStatement(query).use { statement ->
+                statement.setString(1, user)
+                statement.setString(2, user)
+                statement.setString(3, pass)
+                
+                val resultSet = statement.executeQuery()
+                if (resultSet.next()) {
+                    return@withContext resultSet.getInt(1) > 0
+                }
+            }
+        } catch (e: Exception) {
+            e.printStackTrace()
+        } finally {
+            try {
+                connection?.close()
+            } catch (e: SQLException) {
+                e.printStackTrace()
+            }
+        }
+        return@withContext false
+    }
+}
diff --git a/app/src/main/java/com/example/saludapp/ui/LoginScreen.kt b/app/src/main/java/com/example/saludapp/ui/LoginScreen.kt
new file mode 100644
index 0000000..5cb570e
--- /dev/null
+++ b/app/src/main/java/com/example/saludapp/ui/LoginScreen.kt
@@ -0,0 +1,102 @@
+package com.example.saludapp.ui
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.unit.dp
+import com.example.saludapp.data.DatabaseHelper
+import kotlinx.coroutines.launch
+
+@Composable
+fun LoginScreen(onLoginSuccess: () -> Unit) {
+    var email by remember { mutableStateOf("") }
+    var password by remember { mutableStateOf("") }
+    var isLoading by remember { mutableStateOf(false) }
+    var errorMessage by remember { mutableStateOf<String?>(null) }
+    val scope = rememberCoroutineScope()
+
+    Surface(
+        modifier = Modifier.fillMaxSize(),
+        color = MaterialTheme.colorScheme.background
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(24.dp),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            Text(
+                text = "Iniciar Sesión",
+                style = MaterialTheme.typography.headlineMedium,
+                color = MaterialTheme.colorScheme.primary
+            )
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            OutlinedTextField(
+                value = email,
+                onValueChange = { email = it },
+                label = { Text("Usuario o Email") },
+                modifier = Modifier.fillMaxWidth(),
+                singleLine = true,
+                enabled = !isLoading
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            OutlinedTextField(
+                value = password,
+                onValueChange = { password = it },
+                label = { Text("Contraseña") },
+                visualTransformation = PasswordVisualTransformation(),
+                modifier = Modifier.fillMaxWidth(),
+                singleLine = true,
+                enabled = !isLoading
+            )
+
+            if (errorMessage != null) {
+                Text(
+                    text = errorMessage!!,
+                    color = MaterialTheme.colorScheme.error,
+                    modifier = Modifier.padding(top = 16.dp)
+                )
+            }
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            Button(
+                onClick = { 
+                    scope.launch {
+                        isLoading = true
+                        errorMessage = null
+                        val success = DatabaseHelper.validateLogin(email, password)
+                        isLoading = false
+                        if (success) {
+                            onLoginSuccess()
+                        } else {
+                            errorMessage = "Usuario o contraseña incorrectos"
+                        }
+                    }
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(56.dp),
+                enabled = !isLoading && email.isNotEmpty() && password.isNotEmpty()
+            ) {
+                if (isLoading) {
+                    CircularProgressIndicator(
+                        modifier = Modifier.size(24.dp),
+                        color = MaterialTheme.colorScheme.onPrimary,
+                        strokeWidth = 2.dp
+                    )
+                } else {
+                    Text("Entrar")
+                }
+            }
+        }
+    }
+}
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 324b701..6f05c4a 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -8,8 +8,10 @@ lifecycleRuntimeKtx = "2.11.0"
 activityCompose = "1.13.0"
 kotlin = "2.2.10"
 composeBom = "2026.02.01"
+mariadb = "3.5.1"
 
 [libraries]
+mariadb-java-client = { group = "org.mariadb.jdbc", name = "mariadb-java-client", version.ref = "mariadb" }
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
 androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }