ArauCode Support: Sistema de Gestión de Tickets en Tiempo Real

Resumen General del Proyecto

ArauCode Support es una plataforma centralizada de asistencia técnica diseñada para optimizar la comunicación entre la agencia y sus clientes. El sistema permite gestionar incidencias, consultas y seguimiento de proyectos mediante un flujo de trabajo basado en Project IDs, eliminando la fricción de los procesos de soporte tradicionales.

La aplicación destaca por su capacidad de actualización en tiempo real, permitiendo que clientes y administradores interactúen sin necesidad de recargar la página. Además, integra un CDN (Content Delivery Network) propio para el manejo eficiente de capturas de pantalla y evidencias técnicas, garantizando que el equipo de soporte tenga toda la información necesaria para resolver tickets de manera ágil y precisa.

Herramientas y Características Clave

• Comunicación Live-Sync: Uso de Firebase Realtime Database para lograr una sincronización instantánea de mensajes, permitiendo una experiencia de chat fluida dentro de cada ticket.
• Infraestructura de Almacenamiento Privada: Desarrollo de un CDN personalizado alojado en un VPS con Nginx y Express, permitiendo un control total sobre la carga, borrado y entrega de imágenes adjuntas.
• Acceso Basado en Proyectos: Sistema de entrada simplificado mediante identificadores de proyecto únicos, que vincula automáticamente al usuario con su historial y servicios contratados.
• Editor con Sanitización de Seguridad: Soporte para respuestas con formato (HTML) protegido mediante procesos de sanitización, asegurando que el contenido sea rico en formato pero libre de vulnerabilidades.
• Arquitectura Híbrida: Combinación del poder de Next.js para el frontend con un backend distribuido entre Firebase y servidores VPS especializados para tareas de archivos.

Stack Tecnológico

Frontend & Framework

• Core: Next.js (App Router) y React.
• Estilos: Tailwind CSS con soporte nativo para Modo Oscuro.
• Lenguaje: TypeScript v5.0+.

Persistencia y Real-time

• Base de Datos: Firebase Realtime Database.
• Autenticación: Firebase Auth integrado con roles de Admin/Usuario.

Infraestructura de Medios (Custom CDN)

• Servidor de Archivos: Node.js con Express.
• Web Server / Proxy: Nginx configurado en un VPS independiente.
• Protocolo: Gestión de subidas vía Multipart/Form-Data con validación de tipos.

Seguridad y Despliegue

• Sanitización: Librerías de limpieza de HTML (DOMPurify/isomorphic-dompurify).
• Deployment: Vercel (Frontend) y VPS Linux (CDN).
• Control de Versiones: Git & GitHub.