App con Ejemplos de Jetpack Compose .

• BY:Carlos Dario Flores
• 28/04/2025

{

📋 Proyecto de Prácticas - Jetpack Compose

 Comparto repositorio con los ejemplos basicos de blog solo que ahora usando Jetpack Compose, donde realizamos las siguientes practicas:

Funcionalidad	Estado
Ejemplos Basicos(suma,par o impar,for) Cambiar a modo oscuro/manual toggle	✅ ✅
Paginación automática en blog	✅
Búsqueda En Apis (Pendiente)	🔜
Carga de imágenes desde red (en blogs)	✅
Autenticación persistente (Pendiente)	🔜
Animaciones simples	✅
Formulario avanzado con validaciones y snackbar	✅
Navegación Drawer elegante	✅

Este proyecto es una colección de ejemplos prácticos utilizando Jetpack Compose, pensado como una introducción sólida para el desarrollo de apps modernas en Android.

✅ Funcionalidades Implementadas

1. Login con API

• Pantalla de Login que consume un API REST.

• Uso de ViewModel, State, manejo de errores y navegación segura.

2. CRUD de Categorías

• Listado de categorías consumidas desde API.

• Crear, ver, editar y eliminar categorías.

• Confirmaciones y Snackbar de feedback.

3. Modo Oscuro (Dark Mode)

• Cambio de tema en tiempo real usando botón desde Home.

• Gestión de tema global usando MaterialTheme.

4. Consumo de API de Blog (con paginación y búsqueda)

• Listado de publicaciones de un blog en Blogger.

• Implementación de paginación automática al llegar al final.

• Búsqueda de publicaciones por palabra clave.

5. Carga de imágenes desde la red

• Imágenes de autor e imágenes de contenido traídas y mostradas usando AsyncImage de Coil.

6. Autenticación Persistente

• Mantenimiento de sesión usando DataStore Preferences (guardar token localmente).

7. Animaciones en Compose

• Animaciones simples aplicadas a formularios y listas (fade in y animación al entrar).

8. Formulario Avanzado

• Formulario validando:

  • Campos de texto normales

  • Selección de fecha (DatePicker)

  • Selección de opciones (DropdownMenu)

• Mostrar Snackbar de éxito al enviar.

9. Navigation Drawer

• Reemplazo de Bottom Navigation por Navigation Drawer.

• Menú lateral que permite moverse entre todas las pantallas importantes de la app.

10. Cambio de Icono de la App

• Se configuró un icono personalizado usando un .png propio.

• Configuración en Image Asset de Android Studio.

---

🛠️ Tecnologías y Librerías Usadas

• Kotlin

• Jetpack Compose

• Navigation-Compose

• ViewModel + State Management

• Retrofit 2 (HTTP client)

• Coil (Carga de imágenes)

• Material 3 (Componentes UI)

• DataStore (Persistencia local)

---

🚀 ¿Qué sigue?

• Testing básico de pantallas y ViewModels (pendiente).

• Optimización de paginación infinita avanzada.

• Agregar efectos más elaborados (shimmer, transitions).

• Manejo de errores más completo con Retrofit y Compose.

Repo: https://github.com/carlosdarioio/appletenhtmlJetpackCompose/

}