Cómo construí una app para instaladores (catálogo, CRM y remisiones) sin ser programador: caso TVCA

TVCA es una aplicación pública (en tvca.iqinfinito.org) pensada para
instaladores que no necesariamente saben de tecnología. La construí sin escribir código a mano,
dándole instrucciones en español a Claude Code. Este es el caso completo: qué hace, cómo se armó, y
los errores reales que tuvo que corregir en el camino — porque ningún proyecto sale perfecto al
primer intento, y esa parte casi nunca se cuenta.

Qué resuelve la app

TVCA le da a un instalador tres caminos distintos para encontrar lo que necesita, sin obligarlo a
navegar un catálogo gigante:

• Buscar por lista (cuando ya sabe qué pieza quiere).
• Buscar por pieza (cuando tiene una pieza física y necesita identificar el equivalente).
• Armar por proyecto (cuando necesita varias piezas para un trabajo completo).

Además de la parte de catálogo para el instalador, tiene una parte de oficina: un CRM básico,
generación de remisiones, y un visor 3D para ver las piezas antes de pedirlas.

Por qué “sin IA” fue una decisión, no una limitación

Algo que vale la pena aclarar: la versión pública de TVCA que usan los instaladores no tiene
chatbot ni asistente de IA integrado. Eso fue una decisión deliberada, no porque faltara tiempo.
Un instalador en campo, con las manos ocupadas o con mala señal, necesita botones claros y rápidos,
no escribirle a un chat y esperar una respuesta. La IA se usó para construir la herramienta, no
para que el usuario final tuviera que hablar con ella.

Esta es una distinción que mucha gente no hace cuando piensa en “meterle IA a mi negocio”: la IA
puede estar detrás, ayudando a construir algo simple y rápido para tu cliente, sin que tu cliente
tenga que interactuar con ella directamente.

Los errores reales que hubo que arreglar

Construir esto no fue lineal. Algunos de los problemas que aparecieron y cómo se resolvieron:

La voz no funcionaba en ningún navegador. Una versión anterior con asesor por voz fallaba al
pedir permiso del micrófono, siempre, sin importar que el usuario aceptara. La causa: una política
del lado del servidor (Permissions-Policy: microphone=()) que bloqueaba el micrófono por
completo. La corrección fue cambiar esa política a microphone=(self), permitiendo que el propio
sitio sí pudiera pedir el permiso.

La hoja inferior (el menú que sube desde abajo) se rompía después de usarla varias veces.
Cada vez que se abría, el código agregaba un nuevo “escuchador” de eventos sin quitar los
anteriores, y terminaban acumulándose y fallando contra elementos que ya no existían en pantalla.
Se corrigió enganchando los eventos a un elemento nuevo cada vez, no al contenedor reutilizado.

Firmar en la hoja de firma se cerraba solo. El gesto para cerrar la hoja (deslizar hacia abajo)
no distinguía si el usuario estaba firmando dentro del recuadro o deslizando fuera de él — así que
firmar a veces cerraba la hoja por accidente. Se corrigió para que ese gesto ignorara los toques que
empiezan dentro del área de firma.

El visor 3D a veces se quedaba en blanco. Un contenedor con la cantidad incorrecta de filas
calculadas hacía que el visor terminara con 0 píxeles de alto, invisible aunque estuviera
funcionando. Se corrigió ajustando cómo se calculaban las filas del diseño.

Ninguno de estos errores era “normal” ni evidente de entrada — todos se encontraron probando la
app real en un teléfono, no solo revisando el código.

La lección para tu negocio

Si tu negocio quiere una app así, la pregunta más importante no es “¿qué tan avanzada puede ser la
IA?” sino “¿qué necesita realmente la persona que la va a usar en el momento en que la usa?”. Un
instalador en campo necesita rapidez y claridad, no conversación. Diseñar pensando primero en eso,
y usar la IA para construirlo rápido y corregir errores reales probando en el dispositivo real, es
lo que hace que una herramienta se sienta profesional en vez de “hecha con IA”.

Si te preguntas si tu propio negocio ya necesita algo como el CRM de TVCA o todavía le alcanza con
un Excel bien llevado, aquí explico cómo lo decidí.

---

¿Tienes un problema parecido en tu negocio? Escríbeme a [email protected].