0:004:44

Proyecto 3: Construye una app web que resuelva un problema real

Reto AI Academy: Multiplica 10x tu impacto profesional

Clase 4 de 7

Clase 4 / 7

Recursos

Jair Yara

Hace 4 meses

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.git
cd 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.

Cómo funciona el reto de AI Academy

Cómo registrarte y subir tus proyectos

Proyecto 1: Ahorra horas a la semana con un sistema de prompts

Proyecto 2: Automatiza un proceso que nadie quiere hacer

Proyecto 3: Construye una app web que resuelva un problema real

Proyecto 4: Crea el agente que tu empresa necesita

Proyecto 5: Convierte tu MVP en un producto con inteligencia real

Por qué el contexto importa más que el prompt

Proyecto 3: Construye una app web que resuelva un problema real

Progreso del curso

Cómo funciona el reto de AI Academy

Recursos

Recursos