Pular para o conteúdo principal

ui

ui es el dashboard Angular de producción de Crimoo. Ahí el usuario crea GTMs, configura dominios y custom loader, administra CRM, define conversiones offline, mira analytics, maneja billing y entra a Copilot.

Producción: core.

Stack​

  • Angular 20 con standalone components.
  • RxJS, BehaviorSubject y Angular Signals.
  • Router guards e interceptors.
  • @ngx-translate/core para ES, EN y PT-BR.
  • Chart.js y ng2-charts.
  • Stripe browser library.
  • Utilidades de Tailwind e iconos.

Archivos relevantes:

  • ui/src/app/pages
  • ui/src/app/services
  • ui/src/app/guards
  • ui/src/app/interceptors
  • ui/src/app/models
  • ui/src/app/shared

Responsabilidades​

  • Auth y onboarding.
  • Workspace switching y team management.
  • GTM setup, settings, domains y custom loader.
  • CRM contacts, deals, timeline y capture.
  • Offline conversions.
  • Analytics dashboard.
  • Billing.
  • Puntos de entrada de Copilot.

Flujo técnico​

Las páginas llaman a node-api; node-api persiste y llama a gtm-fabric para runtime. La UI no debe conocer detalles internos del contenedor más allá de status, logs, dominios, loader y health.

Comandos​

cd ui
npm install
npm run start
npm run build
npm run test

Debug​

  • Si login falla, revisa cookies, withCredentials, CORS y routing de api.crimoo.com.
  • Si GTM se queda atascado, revisa endpoints de node-api y salud de fabric.
  • Si analytics sale vacío, revisa filtros y consultas backend.
  • Si CRM capture se desincroniza, revisa inspector y servicios de estado.

Checklist​

  • Explicar cada ruta principal y su backend.
  • Seguir una acción Angular hasta el backend y vuelta.
  • Entender dónde vive el estado global y dónde el local.