V.NÚÑEZ / 2026_INDEX
← Volver al índice
[ PRJ.ID / 004 ] — Tickets de soporte

ticket-report

Frontend de soporte con chat en tiempo real

SeniorLegacyTickets de soporte
Ver en GitHub →

01_STACK

Frontend
React 18TypeScriptViteTailwindRadix UI (shadcn-style)ZustandTanStack Query/TableReact Hook Form + ZodReact Router v7@microsoft/signalrframer-motion
Backend
Consume apiTickets

02_DESCRIPCIÓN

Frontend de gestión de tickets de soporte con licencias, clientes/encargados/empresas, mensajería en tiempo real y archivos adjuntos.

Stack tecnológico

Frontend: React 18 + TypeScript + Vite, Tailwind + Radix UI (shadcn-style), Zustand, TanStack Query/Table, React Hook Form + Zod, React Router v7, @microsoft/signalr, framer-motion

Backend: consume apiTickets

BD/Infraestructura: ninguna propia (SPA)

Conceptos y patrones

  • Arquitectura por features con capa core/ en repository → service → hooks
  • Stores Zustand por dominio
  • JWT vía interceptor de fetch
  • Roles reflejados en UI
  • SignalR para chat en vivo
  • Kanban
  • Tour guiado

Notas arquitectónicas

Separé cada entidad en su propio repository, service y hook para que fuera fácil de mantener. El chat en tiempo real con SignalR le da al flujo de soporte una comunicación directa entre cliente y encargado.

03_CONCEPTOS_Y_PATRONES

  • Arquitectura por features con capa core/ en repository → service → hooks
  • Stores Zustand por dominio
  • JWT vía interceptor de fetch
  • Roles reflejados en UI
  • SignalR para chat en vivo
  • Kanban
  • Tour guiado

04_COMPLEJIDAD_Y_NOTAS

Complejidad
Alta
Notas arquitectónicas

Separé cada entidad en su propio repository, service y hook para que fuera fácil de mantener. El chat en tiempo real con SignalR le da al flujo de soporte una comunicación directa entre cliente y encargado.

¿Hablamos del próximo sistema?