ticket-report
Frontend de soporte con chat en tiempo real
01_STACK
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
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.