Proyecto 3: Construye una app web que resuelva un problema real
Resumen
Proyecto 3: Construye una app web que resuelva un problema real
Usa Lovable, v0 o vibe coding para crear una aplicación web funcional que resuelva un problema concreto de tu trabajo, tu equipo o tu industria. Puede ser una herramienta interna, un portal para clientes, un dashboard, un directorio, lo que necesites. Si quieres ir más lejos, conéctala a Supabase para que tenga datos reales y persistentes. No tiene que ser perfecta, tiene que funcionar y resolver algo de verdad. Cuéntanos: ¿Qué problema resuelve y quién la usaría?
Un formato de juego para aprender a escribir mejores prompts, un reto a la vez. Tiene tres niveles, racha, puntos, tabla de clasificación y te dice exactamente en qué parte de tus prompts estás fallando.
🔗
.
¿Qué lo hace único?
No es un quiz más, "Te Diagnostica". Cada ejercicio está mapeado a los seis componentes de un buen prompt —Rol, Documentos, Contexto, Ejemplos, Instrucción y Formato— y un panel de "Dominio por elemento" te muestra en cuál estás flojo. Además, el contenido es real: ordenar bloques con etiquetas XML, decidir dónde va la pregunta en un contexto de 30 páginas, forzar salidas en JSON… técnicas que se usan en producción, no trucos de juguete.
¿Quién la usaría?
Cualquiera que trabaje con IA y quiera dejar de improvisar: quien recién arranca, quien ya la usa a diario, y equipos que necesitan subir de nivel rápido en una adopción de IA.
👉 Entra como invitado y pruébala:
Si te sirve, dale ❤️ a este comentario — con eso ayudas a llevarla a Platzi Live.
Content Operations Hub
¿Qué es? Content Operations Hub es una plataforma de gestión de contenido diseñada para creadores de contenido, community managers y equipos de marketing. Centraliza todo el flujo de trabajo editorial en un solo lugar: desde la chispa de una idea hasta la publicación del contenido.
¿Por qué la creé? Gestionar contenido para múltiples canales es caótico. Las ideas se pierden en notas dispersas, el estado de cada pieza vive en hojas de cálculo desactualizadas, y coordinar un equipo editorial implica revisar múltiples herramientas al mismo tiempo. Content Operations Hub nace para resolver exactamente ese problema: un sistema de operaciones de contenido pensado desde cero para quienes viven del contenido.
¿Qué la hace única?
Pipeline Kanban editorial — Un tablero visual con 7 etapas (desde "Idea" hasta "Publicado") que da claridad inmediata sobre el estado de cada pieza de contenido.
Banco de ideas integrado — Captura ideas con prioridad, canal sugerido y categoría antes de convertirlas en piezas reales, sin perder ninguna en el camino.
Perfil de marca como centro de decisiones — Tono de voz, audiencia, canales activos y palabras prohibidas en un solo lugar, para que cada pieza de contenido sea coherente con la identidad de la marca.
Calendario editorial visual — Vista mensual que muestra exactamente qué se publica cuándo y en qué canal, eliminando la improvisación.
Biblioteca de contenido evergreen — Un repositorio de piezas reutilizables y plantillas que permite aprovechar el contenido que ya funcionó.
Historial de versiones y colaboración — Cada pieza guarda versiones anteriores, comentarios del equipo y tareas pendientes, todo en contexto.
Pueden acceder aquí:
🚀 Jostert Suppliers Hub 🔥
Transformando horas de gestión en tiempo para crear
🔗 Link Público
Jostert Suppliers Hub:
En Jostert identificamos que gran parte del tiempo del equipo se invertía buscando proveedores, solicitando cotizaciones y comparando propuestas de forma manual. Este proceso era repetitivo, consumía tiempo y aumentaba el riesgo de errores.
Para solucionarlo, desarrollamos Jostert Suppliers Hub, una plataforma que centraliza la gestión de proveedores, las solicitudes de cotización y la comparación de propuestas en un solo lugar.
⏱️ Con esta herramienta reducimos significativamente los tiempos operativos, logrando un ahorro estimado de más de 14 horas semanales, permitiendo que el equipo se enfoque en actividades de mayor valor como la creatividad y la estrategia.
🤖 La solución fue desarrollada con apoyo de Claude para la estructuración funcional, V0 para el diseño y desarrollo de la interfaz, y Supabase para la autenticación y gestión de datos.
✨ Más que una plataforma, Jostert Suppliers Hub nos permite trabajar de forma más eficiente para dedicar más tiempo a crear y menos tiempo a gestionar.
!Screenshot
!Screenshot
!Screenshot
!Screenshot
!Screenshot
<u>DevGrowth - Tu diario de crecimiento como desarrollador</u>
Link Público:
💡 ¿Qué hice?
Desarrollé una aplicación web llamada DevGrowth, pensada para estudiantes de programación y desarrolladores junior que quieren llevar un registro real de su progreso.
La plataforma permite registrar semanalmente:
✅ Lo que aprendiste
✅ Los logros que alcanzaste
✅ Los obstáculos que enfrentaste
✅ Lo que quieres mejorar la próxima semana
Además, genera estadísticas, gráficos de evolución 📈 y un sistema de logros 🏆 para visualizar tu crecimiento a lo largo del tiempo.
También incluye una biblioteca de errores frecuentes de programación 🐛 para consultar soluciones y guardar aquellos que quieras revisar más adelante.
🎯 ¿Qué problema resuelve?
Muchas personas estudian programación durante semanas o meses, pero aun así sienten que no avanzan.
No porque no estén aprendiendo, sino porque no tienen una forma de registrar todo lo que han logrado.
DevLog transforma ese progreso invisible en algo visible y medible, ayudando a mantener la motivación y la constancia durante el proceso de aprendizaje.
👨💻 ¿Quién la usaría?
Estudiantes de programación.
Desarrolladores junior.
Personas aprendiendo nuevas tecnologías.
Participantes de bootcamps y programas de formación.
En general, cualquier desarrollador que lo necesite.
🛠️ Resultado
Utilizando herramientas de vibe coding construí una aplicación web funcional que convierte el aprendizaje técnico en un proceso organizado y fácil de seguir.
📊 Ahora los usuarios pueden visualizar su evolución semana tras semana.
📚 Registrar sus aprendizajes y logros.
🐛 Guardar errores importantes para consultarlos después.
🏆 Mantener la motivación viendo evidencia real de su crecimiento como desarrolladores.
Porque aprender a programar no tiene que ser complicado, tiene que ayudarnos a mejorar. 😄
🔥 pomoTracker — Gestión de tareas sin pesadez
🔗 Link:
¿Qué hice?
Construí una app de gestión de tareas con Pomodoro integrado porque
Notion me consumía 800MB de RAM solo para abrirlo. Quería algo que
funcionara rápido, offline, y sin depender de servidores externos.
¿Por qué?
Trabajo en un equipo ágil y necesitaba:
1. Registrar tareas y subtareas rápido (sin clicks innecesarios)
2. Tener un Pomodoro por tarea (no un timer genérico)
3. Escribir con slash commands tipo Notion (/p prioridad, /d fecha, /r revisión)
4. Generar mi daily report automático para standups
5. Que no me coma la RAM ni requiera internet
¿Qué lo hace único?
⚡ Pesa ~150KB inicial (vs 50MB+ de apps tradicionales)
⚡ Slash commands para crear tareas sin tocar el mouse
⚡ Pomodoro integrado por tarea con timer persistente
Hecho con apoyo de IA (Vercel v0) para diseño y desarrollo rápido.
¡Prueba y vota! 🚀
Mis Rutas
Una herramienta hecha con Claude Code que le devuelve más de una hora cada semana a una familia, convirtiendo un correo imposible de leer en una hoja lista para imprimir.
App: · Código:
1. El problema
Mi suegro y mi cuñado son operadores de bus en Bogotá. Cada semana reciben por correo su programación —las "Hojas de trabajo"— como un texto larguísimo lleno de horas, rutas, códigos de vehículo y paradas. Es imposible de leer de un vistazo y, para poder trabajar, hay que reorganizarlo a mano y pasarlo a una hoja imprimible.
Hoy ese trabajo lo hace la familia, a mano, todas las semanas:
Mi esposa, que tiene más práctica con el computador: le toma 15–20 min por persona.
Mi suegra / suegro, que además le ayudan a mi cuñado: 30–45 min por cada uno.
Es repetitivo, semanal, y nadie debería tener que hacerlo a mano.
2. La solución
La app hace una sola cosa: pegas el correo tal cual llega y obtienes la hoja organizada lista para imprimir.
Entrada
Pegar el correo completo, sin editar nada
Un cuadro de texto: "Pega aquí el correo de la semana"
Salida
La semana organizada por día + hoja para imprimir/PDF
Tarjetas por día, vehículos resaltados, botón Imprimir / Guardar PDF
Fallo
Detecta cuando lo pegado no corresponde o el formato se dañó
Banner rojo: "Esto no parece la programación de la semana…" y se oculta el botón de imprimir
El estado de Fallo es clave: la persona nunca imprime una hoja incompleta sin darse cuenta. La herramienta avisa antes de gastar papel.
3. Resultado
Supuestos:
2 conductores: suegro + cuñado.
1 programación por semana, por conductor.
"Antes" = el tiempo de quien hoy lo hace en la familia (suegra/suegro): 30–45 min.
Con la app: 5 min como máximo (en la práctica, ~2–3 min).
(Y si lo midiéramos con el tiempo de mi esposa, 15–20 min → ≤5 min, el ahorro sigue siendo de más del 60 %. El caso más fuerte es el de los usuarios reales: suegro y suegra.)
4. Qué la hace única
Por qué existe: Mis Turnos no nació de un tablero corporativo, sino de la mesa del comedor. Nació de ver a mi familia perder horas cada semana descifrando un correo a mano. No es una demo: es una herramienta que ya usa gente real para trabajar.
Lo que la diferencia:
Hecha a la medida de SU correo, no es una app genérica de turnos. Entiende el formato exacto de las "Hojas de trabajo" que ellos reciben.
Cero curva de aprendizaje. Pensada para alguien sin habilidades de computación: pegar → imprimir. No hay menús, ni configuración, ni cuentas.
No imprime errores en silencio. El estado de Fallo detecta datos que no corresponden o un correo cortado y lo avisa.
Respeta cómo YA trabajan. La hoja impresa deja la columna de Vehículo ancha para que anoten a mano el bus real (como ya lo hacen), y va compacta para ahorrar papel.
No reemplaza su forma de trabajar: la acelera.
5. Cómo reproducirlo
Hay dos formas. La primera no requiere instalar nada.
Opción A — App publicada (recomendada)
Abre .
Pulsa "Cargar ejemplo" (debajo del cuadro de texto): carga un correo de datos ficticios listo para probar.
Alternativa: usa el enlace "descargar el .txt" de al lado, o pega tu propio correo.
Salida: verás la semana organizada por día. Pulsa Imprimir / Guardar PDF.
En el diálogo de Chrome, desmarca "Encabezados y pies de página" (una sola vez).
Probar el Fallo: borra todo y pega cualquier texto (ej. "hola"): aparece el banner rojo y desaparece el botón de imprimir.
Opción B — Local desde el código
Requisitos: Node 20+.
git clone https://github.com/jairyara/mis-rutas.gitcd mis-rutas
npm install
npm run dev # abre la URL que muestre(ej.http://localhost:5173)# o, para probar la versión instalable(PWA):npm run build && npm run preview
Luego repetir los pasos 2–4 de la Opción A.
Verificación rápida del parser (opcional)
node scripts/parse.mjs
Imprime en consola la semana de ejemplo ya estructurada (conductor, días, trabajos, vehículos), demostrando que la lógica de lectura funciona de forma aislada.
6. El rol de la IA en este proyecto
El reto pide construir una herramienta usando IA, y así se hizo — con un criterio claro: yo puse el problema, el conocimiento del usuario y las decisiones de producto; la IA aceleró el diseño y la ingeniería.
Lo aporté yo: conocer a los usuarios reales (mi suegro y mi cuñado), entender el formato del correo, definir qué debía salir en la hoja impresa (columna de vehículo ancha para anotar a mano, ahorro de papel) y validar cada iteración contra fotos reales de cómo se usa.
Lo aceleró la IA (Claude Code): el análisis de viabilidad, el parser tolerante al formato, la hoja de impresión, la detección de errores y el empaquetado como PWA.
El resultado no es una demo automática: es un producto que ya resuelve un problema real, construido en una fracción del tiempo que habría tomado a mano.
Buen día, soy Sebastian Arias y les presento:
MIA - Motor de Inteligencia Académica
Una plataforma web (desarrollada junto a mis hermanos) impulsada por IA que funciona como un buscador inteligente de programas académicos de educación superior en Colombia. El usuario solo debe escribir lo que busca y MIA se encarga de estructurar y devolver los precios reales, modalidades, duración y ubicaciones en un mapa interactivo
¿Por qué lo hicimos?
Porque buscar qué estudiar en Colombia es una pesadilla. Queremos resolver la opacidad y fragmentación de la información. Actualmente, los estudiantes deben navegar por páginas universitarias con pésima UX y dejar sus datos obligatoriamente, solo para ser perseguidos por asesores comerciales. MIA elimina esta fricción y democratiza el acceso a la información financiera y académica sin intermediarios ni sesgos.
¿Qué lo hace único?
Este buscador es la fase 1. La arquitectura está diseñada para convertirse en un orientador vocacional completo impulsado por un sistema multi-agente (perfiladores psicológicos y simuladores financieros).
Herramientas
Principalmente se utilizó Github Copilot junto a v0 para desarrollar la web, además del logo de MIA construido por ChatGPT. La información de los programas se obtiene desde el SNIES y la almacenamos en Supabase, además de utilizar mongoDB para los datos dinámicos de la plataforma, las imagenes se almacena en Firebase
Proceso de consulta con IA
La consulta a MIA consta de un primer LLM (gpt-4.1-mini) que transforma el input del usuario en una query de sql para obtener los programas que coinsidan, luego esta información es pasada a otro LLM (gemini-2.0-flash-lite) que la formatea para mostrarsela al usuario.
Demo
Espero les guste :3
Proyecto 3: Plataforma Web "DataSense Analytics Insights" - Dashboard de Facturación, CRM y Reportes con AI
Descripción del Proyecto
¿Qué hice? Desarrollé una aplicación web completamente funcional e interactiva utilizando herramientas de vibe coding (v0 / Lovable) para el frontend (React + Tailwind CSS) y la conecté a Supabase (PostgreSQL) para garantizar la persistencia de datos, autenticación y actualización en tiempo real de métricas críticas.
¿Por qué? El backend operativo y las automatizaciones (como las del Proyecto 2) son potentes, pero los líderes de negocio y los clientes necesitan una interfaz visual intuitiva. Depender de archivos Excel estáticos o herramientas de BI pesadas ralentiza la toma de decisiones. Este portal centraliza la salud financiera y operativa en la nube de forma ágil.
¿Qué lo hace único? Integra en un solo lugar tres componentes que suelen estar desconectados en las PyMEs: el estado de facturación en tiempo real, el módulo de CRM (gestión de clientes) y el historial de reportes automatizados por Inteligencia Artificial (Historial SenseBot). Los datos recopilados por bots y webhooks impactan directamente las gráficas del frontend sin necesidad de recargar la página.
Módulos de la Aplicación y Arquitectura Técnica
Link Público al Proyecto:
La app cuenta con un diseño responsivo y moderno estructurado en los siguientes módulos:
Dashboard de Control Financiero (Gestión Facturación): Un panel ejecutivo con tarjetas de KPIs que muestran ingresos mensuales, cuentas por cobrar y alertas de facturas vencidas, acompañado de gráficos de barras dinámicos.
Módulo de Clientes y CRM: Tabla interactiva con filtros avanzados para buscar clientes por estado, analizar el nivel de criticidad de sus requerimientos (L1-L3) y visualizar el análisis de sentimiento general de las cuentas.
Módulo "Historial SenseBot" (Auditoría AI): Una sección dedicada a registrar las ejecuciones del asistente de inteligencia artificial, mostrando los resúmenes automáticos generados a partir de incidencias técnicas.
Stack Tecnológico Utilizado:
Frontend UI: Generado con v0 / Lovable utilizando React, TypeScript y Tailwind CSS para componentes ultrarápidos (Shadcn/ui).
Base de Datos y Persistencia: Conectado directamente a Supabase mediante su cliente oficial, utilizando tablas relacionales para reflejar los estados financieros y técnicos.
El Problema Real que Resuelve y Audiencia
El Problema: La dispersión de la información. Los equipos técnicos usan una herramienta, administración usa otra (facturas) y los analistas de datos quedan atrapados en el medio cruzando bases de datos manualmente.
¿Quién la usaría?
Gerentes y Directores: Para monitorear la salud financiera de la operación de soporte y el estado de los ingresos en un vistazo rápido de 10 segundos.
Líderes Técnicos y de Soporte: Para auditar los reportes automáticos generados por la IA y controlar el flujo de incidencias de clientes críticos.
Conclusión y Resultados Concretos
Desarrollo Ágil Extremo: Gracias al uso de vibe coding con IA, la construcción de la interfaz y la integración con la base de datos tomó solo un par de horas, una tarea que tradicionalmente requería semanas de desarrollo frontend estructurado.
Impacto Operativo: Se centralizó el control total del ecosistema de analítica. Ahora, cualquier cambio en las automatizaciones o en los pipelines de datos se refleja de inmediato en una interfaz web elegante, profesional y lista para ser presentada ante comités directivos o clientes finales.
A continuación, comparto un video demostrativo del Sistema de Gestión de Tareas que diseñé y desarrollé en función de los requerimientos específicos de nuestro equipo de TI. [Usamos vibe coding para hacerlo más rápido, utilicé Claude y mi compañero Kiro, hicimos una pequeña estructura y empezamos a construir. [Fue un mix de vibe coding para el frontend en (React + TypeScript + Vite) y el Backend (Django REST Framework + PostgreSQL)]. En una semana estaba la interfaz visual con un MVP sencillo de tareas, de ahí fuimos construyeron los módulos extras.
El propósito principal fue optimizar costos al prescindir de un servicio de terceros. Para lograrlo, la propuesta se integró a nuestros procesos repetitivos semanales, automatizando flujos como:
La exportación de informes para el PM.
La gestión de tickets para los jefes de área.
La administración de proyectos demo y gestión de contraseñas internas (tipo bóveda).
El control de próximas reuniones y revisión de nuevas ideas o propuestas.
El sistema cuenta con accesos basados en roles (Gerencial, Administrativo y Miembros de equipo), lo que permite que cada rol ocupe dashboards diferenciados. Por ejemplo, los developers tienen una vista completa de sus pendientes y notificaciones sobre tareas próximas a vencer.
Ha sido un proyecto que creció de manera modular. Desde mi rol como Frontend Developer, y de la mano de un compañero en el Backend, dedicamos tiempos extras para construir esta herramienta. Hoy en día la usamos a diario y resuelve con precisión nuestras necesidades porque está hecha 100% a nuestra medida.
Personalización + Ahorro ha sido nuestro gran logro. Aunque la gestión de tareas es un concepto conocido, el valor real estuvo en integrar servicios a nuestra comodidad, convirtiéndolo en un producto vital para el día a día.
Por cierto, decidimos bautizarlo como ASIGNA, inspirándonos con un toque de humor en el servicio que usábamos antes (Asana) :D.
Video demostrativo:
PDF Informes:
Automatización Inteligente de Aprobación de Fletes con IA
dejo el link pero solo del front donde se pude ingresar a la torre de control, pero solo hasta ahi porque se necesita usuario y clave
¿Qué hice?
Diseñé e implementé un sistema completo de gestión y aprobación de fletes para la operación logística de mi empresa para un cliente, una de las empresas de salud más grandes del mundo. El sistema conecta automáticamente la API de un proveedor de WMS con una plataforma web construida en Next.js 14 y FastAPI, permitiendo consultar planillas de transporte, calcular tarifas teóricas según tipo de vehículo y peso, y gestionar un flujo de aprobación con jerarquía de roles (Coordinador → Control → Admin).
Todo el desarrollo —desde la arquitectura hasta el último bug fix— lo realicé en conjunto con IA (Claude Code), utilizándola como un ingeniero de software senior que escribe código, depura errores complejos, documenta y propone soluciones arquitectónicas en tiempo real.
¿Por qué?
El proceso anterior era completamente manual: un operador consultaba planillas en un sistema externo, comparaba tarifas en Excel, y enviaba correos para solicitar aprobación. Esto generaba demoras de días, errores humanos en el cálculo de recargos (descargue, punto adicional, desvío), y cero trazabilidad sobre quién aprobó qué y cuándo. La empresa necesitaba digitalizar este proceso crítico que mueve millones de pesos mensuales en fletes.
¿Qué lo hace único?
1. Motor de aprobación basado en porcentajes: El sistema calcula automáticamente si la diferencia entre el flete solicitado y el teórico es ≤7% (Coordinador aprueba) o >7% (requiere Control). Esto elimina la subjetividad y agiliza el 80% de los casos que son preaprobados automáticamente.
2. Fusión inteligente de planillas: Cuando múltiples planillas van por la misma ruta, el sistema permite fusionarlas en una sola con
cálculo automático de tarifa por peso total, preservando los datos originales embebidos para poder deshacer la fusión si es necesario
— algo que ningún sistema comercial de transporte ofrece.
3. Trazabilidad forense: Cada planilla registra quién la consultó, quién la editó, qué campos cambiaron (con valor anterior y nuevo),
quién solicitó autorización y quién aprobó. Esto genera auditoría completa para cumplimiento normativo del sector salud.
4. Integración bidireccional con los sistemas de los proveedores: El sistema consulta planillas desde la API del transportador, pero también importa datos del sistema de facturación (Vulcano) para mover planillas a dos sistemas que antes no se hablaban.
5. Desarrollo asistido por IA de punta a punta: No usé IA solo para generar snippets — fue un proceso de ingeniería completa: diseño de arquitectura, modelado de datos en MongoDB, endpoints REST, componentes React, lógica de negocio, debugging de flujos complejos (fusión post-importación Vulcano), y documentación técnica. La IA actuó como par de programación que entiende el contexto completo del negocio logístico.
Emocionado!!!
Proyecto 03
Proyecto, plataforma web de entrenamiento en Gestión de Sustancias Químicas (GISQ)
Gestión Integral de Sustancias Químicas (GISQ)
¿Qué hice?
Desarrollé GISQ (Gestión Integral de Sustancias Químicas), una solución digital disponible en , creada para fortalecer la gestión del conocimiento, la capacitación y el cumplimiento normativo relacionado con sustancias químicas dentro de nuestra empresa de transporte. La plataforma permite que el personal acceda a contenidos especializados mediante microaprendizaje, evaluaciones y certificaciones directamente desde WhatsApp, facilitando la formación continua sin afectar las operaciones diarias.
¿Por qué lo hice?
La idea surgió a partir de problemas reales que enfrentábamos en nuestras operaciones:
La información sobre sustancias químicas estaba dispersa entre normativas, procedimientos y fichas técnicas.
Las capacitaciones presenciales demandaban tiempo y recursos operativos.
Era difícil asegurar que todos los trabajadores recibieran la misma información y actualización.
La incorporación de nuevo personal requería repetir constantemente los mismos procesos de capacitación.
Existía la necesidad de demostrar de forma objetiva el cumplimiento de los requisitos regulatorios y de seguridad.
Ante esta situación, desarrollé GISQ para transformar la capacitación y la gestión del conocimiento en un proceso continuo, accesible y verificable, alineado con las necesidades reales de una empresa de transporte que opera en entornos regulados. Además, la plataforma incorpora contenidos relacionados con GISQ, SGA/GHS, Fichas de Datos de Seguridad, logística y transporte de sustancias químicas.
¿Qué lo hace único?
GISQ es único porque nació desde la operación, no desde la teoría.
Fue creado para resolver problemas internos reales, identificados durante la gestión diaria de nuestras operaciones de transporte.
Centraliza conocimiento crítico que antes se encontraba disperso en múltiples documentos y fuentes.
Utiliza WhatsApp como canal de aprendizaje, eliminando barreras tecnológicas y facilitando la participación del personal.
Convierte obligaciones regulatorias en conocimiento práctico, adaptado a las actividades que realiza el personal operativo.
Genera evidencia y trazabilidad, permitiendo demostrar capacitaciones, evaluaciones y avances de aprendizaje.
Es escalable y sostenible, ya que permite capacitar a más personas sin incrementar proporcionalmente los costos ni afectar la continuidad operativa.
Fue desarrollado desde la experiencia del sector transporte, entendiendo los desafíos reales de seguridad, cumplimiento y gestión de personal.
Más que una plataforma de capacitación, GISQ es una solución creada para convertir un problema operativo recurrente en una herramienta de mejora continua, fortaleciendo la seguridad, el cumplimiento normativo y la eficiencia de las operaciones logísticas de la empresa.
Proyecto: GENIA – Plataforma Inteligente para la Gestión de Consorcios
Problema
La comunicación entre los propietarios y la administración de un consorcio suele ser lenta, fragmentada y dependiente de la atención humana.
Los vecinos necesitan consultar constantemente:
Estado de sus expensas.
Deudas pendientes.
Reglamento interno.
Comprobantes de pago.
Normas de convivencia.
Información administrativa.
La mayoría de estas consultas se resuelven por teléfono, WhatsApp o correo electrónico, generando una alta carga operativa para la administración.
Solución
Desarrollamos Mil Aires AI, una aplicación web que centraliza la información del consorcio y permite que los propietarios interactúen mediante lenguaje natural.
La plataforma fue construida utilizando herramientas de desarrollo asistido por IA y se encuentra conectada a bases de datos reales para brindar respuestas personalizadas.
¿Cómo funciona?
El propietario accede desde una interfaz web y puede realizar consultas como:
¿Cuánto debo de expensas?
¿Cuál es mi deuda total?
¿Qué dice el reglamento sobre mascotas?
¿Ya registraron mi comprobante de pago?
¿Quiénes son los mayores deudores del edificio?
El sistema interpreta la consulta, consulta las bases de datos correspondientes y genera una respuesta inmediata.
Funcionalidades principales
Asistente Inteligente
Permite consultar información utilizando lenguaje natural.
Consulta de Expensas
Acceso inmediato al estado de deuda por unidad funcional.
Reglamento Conversacional
Búsqueda semántica sobre el reglamento interno del consorcio.
Gestión de Comprobantes
Recepción y análisis automático de imágenes y PDFs mediante IA.
Historial de Interacciones
Registro de conversaciones y consultas realizadas por los usuarios.
Arquitectura Multi-Consorcio
La misma plataforma puede operar simultáneamente para múltiples edificios, manteniendo la información aislada y segura.
Tecnologías utilizadas
Desarrollo web asistido mediante IA.
OpenAI para procesamiento de lenguaje natural.
Embeddings para búsqueda semántica.
Visión artificial para análisis de comprobantes.
Base de datos persistente para almacenamiento de información.
Arquitectura multi-tenant escalable.
Usuarios
Propietarios
Obtienen respuestas inmediatas sin depender de horarios de atención.
Administradores
Reducen la cantidad de consultas repetitivas y mejoran la eficiencia operativa.
Empresas Administradoras
Pueden ofrecer atención digital escalable a múltiples consorcios desde una única plataforma.
Resultado obtenido
La aplicación convierte información dispersa en una experiencia conversacional unificada.
Los usuarios encuentran respuestas en segundos y la administración reduce significativamente el tiempo dedicado a tareas repetitivas de atención y búsqueda de información.
Impacto
GENIA transforma la forma en que los propietarios interactúan con su consorcio.
En lugar de depender de llamadas, correos o búsquedas manuales, toda la información relevante se encuentra disponible a través de una única aplicación web inteligente, accesible las 24 horas y preparada para escalar a miles de usuarios.
🚀 Presento mi proyecto para el reto de creación de aplicaciones con IA de Platzi:
Acámbaro Impulsa IA
Las micro y pequeñas empresas suelen saber que necesitan digitalizarse, pero no siempre tienen claridad sobre qué hacer primero, cuánto les falta por avanzar o cómo aprovechar la inteligencia artificial para crecer.
Acámbaro Impulsa IA es una aplicación web que realiza un diagnóstico de madurez digital y genera recomendaciones accionables para ayudar a negocios locales a acelerar su transformación digital.
💡 ¿Qué hace?
• Evalúa el nivel de digitalización de una empresa.
• Identifica áreas de oportunidad en marketing, ventas, operaciones e IA.
• Genera un plan de acción personalizado.
• Facilita la toma de decisiones basada en datos.
📖 Para conocer la arquitectura, decisiones de diseño, instalación y detalles técnicos, consulta el README del proyecto.
🔗 Repositorio GitHub:
Agradeceré sus comentarios, sugerencias y, por supuesto, su voto. Toda retroalimentación ayudará a seguir mejorando esta iniciativa enfocada en impulsar la competitividad de las PyMEs mediante tecnología e inteligencia artificial.
Hola comunidad 👋
Desarrollé una landing page para presentar un curso interno llamado “IA Generativa para Marketing Multimedios”, dirigido al equipo de Marketing de Grupo Multimedios.
La página reúne en un solo lugar los recursos principales del curso: video introductorio, podcast, temario, diapositivas, guía práctica, prompt base, paper de referencia, plan de implementación y una experiencia gamificada llamada Noticia Rush.
El objetivo fue crear una experiencia clara, visual y práctica para que el equipo pueda aprender a usar IA generativa y LLMs en tareas reales de marketing, como creación de campañas, eventos, activaciones, contenido, promoción de marcas digitales, branded content y análisis de resultados.
Lo que hace único al proyecto es que no se queda en la teoría: funciona como una biblioteca interactiva de aprendizaje con filtros, ruta sugerida, aplicaciones prácticas y recursos listos para usarse en el trabajo diario. Además, integra gamificación para reforzar el aprendizaje de forma más dinámica.
Pueden ver y probar el proyecto aquí:
🚀 COMUNICADO DE PRENSA: Lanzamiento de AHA Moment Creator
AHA Moment Creator traduce números abstractos en intuición cultural instantánea en menos de 10 segundos.
Diseñado para que creadores de contenido, líderes de proyecto y equipos de ventas de Latinoamérica eliminen los datos fríos y conecten emocionalmente con sus clientes.
TOKIO — 17 de junio de 2026 — Emi, intérprete profesional de español-japonés, ha anunciado hoy el lanzamiento de AHA Moment Creator, una aplicación web minimalista diseñada para erradicar la confusión que generan las cifras abstractas de metros cuadrados (m²) en los reportes de negocios, marketing y localización de proyectos.
🛑 El Problema: La maratón mental y la carga cognitiva invisible
Los seres humanos no procesamos dimensiones numéricas abstractas de forma natural; procesamos referencias de lugares que ya conocemos. Un ejemplo real: Cuando un profesional latinoamericano se enfrentó a un reporte internacional que dice que un terreno mide "470,000 metros cuadrados" o "10 veces el Tokyo Dome", su mente se quedó en blanco. El dato se siente ajeno y frío.
Hasta hoy, resolver esta barrera exigía una maratón mental de 10 minutos por cada dato: abrir Google, investigar hitos geográficos según el origen del cliente, verificar fuentes para no perder credibilidad profesional, abrir la calculadora para sacar la proporción exacta y redactar la frase. Una tarea invisible que desgasta y quita tiempo valioso.
⚡ La Solución: Intuición instantánea a prueba de errores
AHA Moment Creator automatiza por completo este proceso, reduciendo el tiempo de cálculo de 10 minutos a solo 10 segundos (ahorrando un 98.3% de tiempo muerto). El usuario simplemente introduce la cifra en metros cuadrados y el sistema genera de inmediato tres equivalencias cotidianas perfectas para el mercado:
Escala Micro: Cartones de Six-pack de cerveza (0.05 m²) para objetos pequeños.
Escala Comercial: Tiendas OXXO (120 m²) para espacios de mediana densidad.
Escala Macro: El Zócalo de la CDMX (46,800 m²) para grandes extensiones de tierra (el gemelo matemático perfecto del Tokyo Dome).
🗣️ Declaración del creador:"Como intérprete, mi misión diaria no es traducir palabras, sino cuidar que dos culturas se comprendan de verdad", afirma Emi, creadora del proyecto. "Diseñé AHA Moment Creator porque la intuición no debería ser abstracta. Quise empaquetar el proceso de adaptación cultural que hago en mi cabeza durante una interpretación simultánea y convertirlo en un clic digital al alcance de cualquier profesional".
🛠️ Detalles Técnicos y Desarrollo con Inteligencia Artificial
Para hacer realidad este producto de forma ágil y robusta, se aplicaron buenas prácticas de desarrollo moderno:
🤖 Copiloto con IA (Lovable): El código se generó utilizando ingeniería de prompts iterativa, guiando a la IA paso a paso para construir un núcleo matemático simétrico.
⚛️ Stack Moderno: Construido sobre React, Tailwind CSS para un diseño limpio, y componentes estéticos de shadcn/ui.
🗺️ Optimización (TanStack Start): Se implementó un sistema de enrutamiento nativo basado en archivos (src/routes/index.tsx), inyectando metadatos dinámicos para asegurar que la app esté optimizada para buscadores.
🚫 Fuera de Alcance (MVP): Esta versión se enfoca exclusivamente en usuarios y referencias de México. Funciones como el selector multi-país, la base de datos interna y la variedad de unidades de medida se agregarán en la próxima versión..
🔗 Disponibilidad y Prueba
AHA Moment Creator ya está publicado y listo para usarse desde computadoras o dispositivos móviles:
👉 Prueba la app aquí:
💡 Tip de inicio rápido: Escribe el número 46800 en la barra de búsqueda y descubre cómo se transforma mágicamente en exactamente 1.0 Zócalo de la Ciudad de México.
------
Si te gustó esta herramienta, apoya con un LIKE en esta publicación. También les agradeceria mucho si me pudieran dejar un comentario para mejorar el proyecto.
Muchas gracias 💚
Proyecto 3 — Dashboard de Seguimiento de Proyectos (sin servidor, sin base de datos, solo un .html)
Después de automatizar los reportes semanales con n8n en el Proyecto 2, se generó la pregunta: ¿cómo le muestro el avance del proyecto a mi cliente de forma clara, sin que tenga que abrir un Excel ni instalar nada (requerimiento de cliente)?
La respuesta fue construir un dashboard web que vive en un solo archivo app.html.
¿Qué hace?
Tiene dos vistas que sirven para audiencias distintas:
Vista Cliente — resumen ejecutivo con un ring de avance global, progreso por fase con barras visuales, hitos completados recientemente y próximos pasos. Sin nombres internos, sin detalles técnicos, tono ejecutivo.
Vista PM — tabla completa de tareas con edición inline de estado y porcentaje de avance, alertas automáticas de tareas bloqueadas o con fecha vencida, y una bitácora de notas donde cada actualización queda registrada con fecha y hora exacta directamente en el Excel.
Todo se guarda de vuelta al .xlsx original. Sin backend, sin base de datos, sin nada que instalar.
¿Por qué lo hice así?
El requerimiento del cliente fue claro desde el inicio: la solución tenía que ser portable. Sin dependencia de servidores externos, sin cuentas en servicios de terceros, sin nada que instalar. Que funcione en cualquier computador con solo abrir un archivo.
Eso descartó automáticamente bases de datos, backends y servicios cloud. El Excel ya era la fuente de verdad del sistema — el sistema de prompts del Proyecto 1 lo genera, el script Python del Proyecto 2 lo lee. La solución fue llevar el Excel directo al navegador usando File System Access API + SheetJS: el navegador lee y escribe el archivo en el computador local, sin que ningún dato salga a internet.
¿Qué lo hace único?
Es parte de un sistema completo. El mismo Excel que alimenta este dashboard es el que genera el reporte automático de n8n cada viernes. Los tres proyectos del reto terminaron siendo una sola cadena:
Sistema de prompts → Excel → Dashboard visual +Reporte automático por email
Un archivo de 15KB que cualquier miembro del equipo puede abrir en Chrome, sin depender de nada más.
Descripcion adicional:
Dashboard:
El Open Source está muriendo en 2026.
La confianza comunitaria se ahoga ante un +206% de scripts de Bash en proyectos AI¹, revisiones de PRs 4.6× más lentas² y 15-18% más de vulnerabilidades². Con 42% del código que se commitea hoy siendo AI-generated o AI-assisted³ y el 96% de los devs desconfiando de él³, el AI slop (Palabra del Año 2025⁴) ha forzado medidas extremas: el navegador Ladybird⁵ y la pizarra tldraw⁶ cerraron sus PRs públicas, el emulador de PS3 (RPCS3)⁷ tuvo que revertir múltiples PRs AI que causaron regresiones en producción, y cURL⁸ canceló su bug bounty porque 19 de cada 20 reportes eran alucinaciones sintéticas.
El dashboard que armé para visualizar el estado de AI slop en una org está deployado y funcional:
Tiene 4 secciones: "The numbers" (los 4 stats clave: +206% AI growth, 4.6x más review, 70% más bugs, 96% no confía), "The 4 specialists" (los analyzers corriendo en paralelo), un Analyzer que podés correr en el browser, y "The audit chain" (BLAKE3 + ed25519, EU AI Act Art. 12 Level 2).
Stack 100% Rust: Axum + askama templates SSR + htmx (1 script tag ~14kb) + Tailwind via CDN. Sin build step del frontend, sin React, sin Next. Por qué SSR+htmx y no SPA+React: latencia sub-50ms, un solo binario compilado, SEO out of the box, y firma criptográfica de cada verdict (ed25519).
El binario del dashboard está en crates.io: cargo install argus-dashboard. El código completo:
Pruebalo en:
Revisalo, usalo, rompelo en:
Fuentes:
+206% de scripts de Bash en proyectos AI — GitHub Octoverse 2025. "Shell scripting saw +206% year-over-year growth in AI-generated projects. We didn't suddenly love Bash. AI absorbed the friction that made shell scripting painful." — Andrea Griffiths,
Opsera AI Coding Impact 2026 Benchmark Report (250K devs, 60+ empresas) — — 4.6× pickup time, 15-18% more vulns, 90% adoption
Sonar State of Code Developer Survey 2026 (1,149 devs) — — 42% del código commiteado es AI-generated; 96% desconfía de él; solo 48% verifica antes de commit
Merriam-Webster 2025 Word of the Year ("slop") —
Ladybird Browser (Andreas Kling, jun 2026) —
tldraw (Steve Ruiz, ene 2026) —
RPCS3 (kd-11, may 2026) — — "varios PRs slop se mergearon y causaron regresiones reales en el emulador"
cURL bug bounty ended (Daniel Stenberg, ene 2026) —
AF Marketing Content Hub
Antes de utilizar esta plataforma, toda la gestión de contenido con los clientes se realizaba mediante WhatsApp, correos electrónicos y archivos dispersos en diferentes herramientas. Las aprobaciones de publicaciones, solicitudes de cambios, envío de diseños y seguimiento de campañas dependían de conversaciones que muchas veces se perdían entre mensajes, generando retrasos, confusión y un mayor tiempo operativo para la agencia.
Para solucionar este problema desarrollé AF Marketing Content Hub, una aplicación web diseñada para centralizar la comunicación y gestión de proyectos entre una agencia de marketing digital y sus clientes. Desde una sola plataforma, los clientes pueden revisar su calendario de contenido, aprobar o solicitar cambios en publicaciones, descargar archivos, crear solicitudes y consultar el estado de sus campañas.
Este software reduce significativamente el tiempo dedicado al seguimiento manual, mejora la organización de los proyectos y ofrece una experiencia más profesional tanto para la agencia como para sus clientes. Además, está preparado para integrarse con una base de datos en Supabase, permitiendo almacenar información real y escalar la operación a medida que aumente la cantidad de clientes.
