El reto: un CRM que quepa en tres pantallas

Mapa conceptual

# Reto: crea un CRM mínimo
## El reto: un CRM que quepa en tres pantallas
## Contexto · Wikipedia
## El plano antes del prompt

Contexto · Wikipedia

Reto: Reto puede referirse a: Amikeca Reto, "Red de la amistad" en esperanto. Competición, desafío. Los habitantes de Retia.

Wikipedia: Reto
Texto consultado y adaptado de Wikipedia (licencia CC BY-SA 4.0).

Conferencia El Estado del Arte del Salario Mínimo -i---i- (29877860552).jpg — Imagen libre de Wikimedia Commons (CC0, autor: Gobierno CDMX)

Especificación mínima: (1) pantalla de lista de clientes con nombre, contacto y último contacto; (2) ficha del cliente donde leo y agrego notas; (3) historial de interacciones (fecha, tipo, resumen) en la misma ficha. Fuera del alcance (a propósito): login y usuarios, reportes, gráficas, exportar a Excel, recordatorios, WhatsApp, IA dentro de la app. Todo eso es el cementerio donde los CRM de fin de semana se pudren sin terminar. Un CRM que guarda tres clientes y sus notas es un CRM; un tablero hermoso que no guarda nada es un mockup.

Por qué este reto enseña más que un tutorial de 10 horas Porque te obliga a pasar por el ciclo completo una vez: pedir contexto a la IA (C02), levantar estructura (C01: frontend-backend-datos), validar tramo por tramo y demostrar. Una vez que cerraste un CRM, cualquier app de lista+ficha+historial es el mismo movimiento con otros nombres.

El plano antes del prompt

Tres pantallas, dos entidades (cliente, interacción) y una tabla de notas. Este plano va literal en tu prompt inicial.
Pantalla	Muestra	Permite
Lista de clientes	Nombre, teléfono/ correo, fecha último contacto	Buscar, ordenar por último contacto, abrir ficha, alta nueva
Ficha del cliente	Datos de contacto + notas (con fecha y autor)	Editar contacto, agregar nota, borrar nota
Historial (misma ficha)	Interacciones: fecha, tipo (llamada/reunión/mensaje), resumen	Registrar interacción, ver las últimas 10

Cómo atacarlo en una tarde

Pega la tabla de arriba como especificación, define stack (el que ya manejas del Nivel 2) y pide el esqueleto con datos semilla (3 clientes de ejemplo).
Primera señal verde: la lista se pinta con los semilla. Si falla, corrige aquí, no sobre 4 pantallas.
Clic en cliente → ficha con notas. Agrega una nota, recarga, ¿sigue ahí? Persistencia validada.
Alta de interacción y que la lista lo refleje (ordenar por último contacto). Relación cliente-interacción validada.
Cliente sin notas, interacción sin resumen, borrar el último. Graba 30 segundos y mándalo al foro: reto cerrado.

Empareja cada decisión del reto con el principio que la justifica.

A media tarde tu CRM funciona, pero la lista se ve "muy fea". ¿Qué dice el método del laboratorio?

Para este reto, guardar los clientes en el almacenamiento local del navegador es una decisión válida si la especificación no pide multiusuario ni servidor.

Escribe tu prompt inicial completo para este reto (el plano de 3 pantallas, el stack y los datos semilla) y compártelo en el foro antes de ejecutarlo: un buen prompt revisado por otro vale más que dos horas de intento y error.

Pista

Si tu prompt cabe en dos líneas, le falta el plano: la IA adivinará otras tres pantallas que no pediste.

Siguiente reto: Crea un sistema de tickets — mismo músculo, nueva forma: estados, prioridades y un flujo que cambia de pantalla en pantalla.

Sigue: Cómo usar el laboratorio
Objeto de la misma ruta para continuar aprendiendo.