Wallpay Logo
SaaS · Software En producción — v1.0

QATA — Postventa y Facility Management

Grupo QATA — Empresa de construcción y mantenimiento2025

Plataforma SaaS para digitalizar y centralizar la gestión integral de incidencias de postventa y mantenimiento de edificaciones, con portal de clientes, sistema de tickets públicos, notificaciones en tiempo real y dashboard analítico.

  • Sistema de tickets públicos con código único: el cliente reporta sin login
  • Notificaciones en 3 capas: SQL triggers, Realtime y Web Push nativo
  • Portal de clientes independiente con autenticación propia por proyecto
  • Dashboard analítico con 4 tipos de gráficas (Recharts) y exportación CSV
QATA — Dashboard principal
Dashboard analítico — Panel Administrador
12
Módulos funcionales
Dashboard a Configuración
3
Capas de notificación
SQL → Realtime → Web Push
Dual
Autenticación
Admin (Supabase) + Cliente (HMAC)
100%
Serverless
Next.js + Supabase BaaS

Capturas del sistema

Haz clic en cualquier imagen para ampliarla. Navega con las flechas o el teclado.

Módulos del sistema

Seis módulos especializados que cubren todo el ciclo de vida de una incidencia de postventa.

Dashboard Analítico

  • 4 KPI cards: Total, Pendientes, Vencidas, Efectividad
  • Gráfico Donut de estados de incidencias
  • Gráfico de barras por rendimiento mensual
  • Gráfico compuesto incidencias por proyecto
  • Filtros: Hoy, Semana, Mes, Personalizado

Incidencias & Tickets

  • CRUD completo de incidencias con 10+ campos
  • Filtros avanzados por proyecto, tipo, prioridad y estado
  • Tickets públicos con código único compartible
  • Flujo: Enviado → Atendido → Programado → Finalizado
  • Galería de fotos de evidencia con vista completa

Portal de Clientes

  • Login independiente con credenciales por proyecto
  • Sesión firmada con HMAC-SHA256 en cookie
  • Dashboard de tickets del proyecto del cliente
  • Formulario público para reportar incidencias
  • Adjunto de fotos desde el dispositivo móvil

Notificaciones 3 Capas

  • Capa 1: Triggers SQL en PostgreSQL
  • Capa 2: Supabase Realtime + toast visual (Sonner)
  • Capa 3: Web Push VAPID (funciona con navegador cerrado)
  • Sonido personalizado con Web Audio API
  • Notifica a admins y supervisores automáticamente

Costos & Reportes

  • KPIs: Ingresos, Egresos, Pendientes, Balance
  • Clasificación automática ingreso/egreso por tipo
  • Ranking de proveedores por monto total
  • Barra de salud financiera visual
  • Exportación de reportes a CSV (UTF-8 para Excel)

Seguridad & Roles

  • Autenticación dual: Supabase Auth + HMAC-SHA256
  • Middleware de protección de todas las rutas
  • Roles: Admin, Supervisor, Técnico, Cliente
  • Row Level Security (RLS) en PostgreSQL
  • Soft-delete y auditoría de cambios (audit_logs)

Stack tecnológico

Full-stack moderno con Next.js App Router, Supabase como BaaS y TypeScript end-to-end.

Frontend

Next.js 16App Router + SSR
React 19React Compiler
TypeScript 5Tipado estático
Tailwind CSS 4Dark/Light mode
Zustand 5Estado global
Recharts 3Gráficas interactivas
SonnerToast notifications
date-fns 4Manejo de fechas

Backend

SupabasePostgreSQL + Auth + Storage
Supabase RealtimeWebSockets
Web Push VAPIDPush nativo
Service WorkerOffline notifications
HMAC-SHA256Sesión cliente
SQL TriggersAutomatización DB

Arquitectura

App RouterNext.js 16
Supabase SSRAuth en cookies
Middleware.tsProtección de rutas
RLS PostgreSQLSeguridad a nivel fila
Soft-deleteIntegridad de datos
Audit logsTrazabilidad completa

Flujo de Ticket a Incidencia

Del reporte del cliente hasta la resolución y facturación, con trazabilidad completa.

01

Admin genera ticket

Crea código único para el proyecto y comparte el link con el cliente vía WhatsApp o email.

02

Cliente reporta

Accede al link público sin login, describe el problema, adjunta fotos, indica área y datos de contacto.

03

Notificación inmediata

SQL trigger → Supabase Realtime notifica al admin en la app (toast + sonido) y vía Web Push al dispositivo móvil.

04

Admin recibe y asigna

Asigna módulo (Post Venta / Mantenimiento), crea incidencia vinculada → ticket pasa a "ATENDIDO".

05

Ejecución y programación

Se asigna proveedor, fechas, especialidad y se registran costos. El ticket avanza a "PROGRAMADO".

06

Cierre y clasificación financiera

Al culminar, ticket pasa a "FINALIZADO". El costo se clasifica como ingreso o egreso según el tipo de incidencia.

Arquitectura de notificaciones

3 capas garantizan que ninguna alerta crítica se pierda, incluso con el navegador cerrado.

01

SQL Triggers

PostgreSQL

Triggers automáticos en la base de datos detectan nuevos tickets e incidencias y crean registros en la tabla notifications.

02

Supabase Realtime

WebSockets

El frontend escucha cambios en tiempo real. Al detectar INSERT, actualiza el store, reproduce sonido (880Hz + 1320Hz) y muestra toast.

03

Web Push VAPID

Service Worker

Notificaciones nativas del sistema operativo vía VAPID. Funciona incluso con el navegador cerrado en Android y desktop.

Logros técnicos

Funcionalidades avanzadas que hacen de QATA una plataforma de gestión robusta y moderna.

4 tipos de gráficas interactivas (Donut, Barras, Línea, Compuesto) con Recharts para análisis de rendimiento

Sistema de notificaciones en 3 capas: SQL triggers → Supabase Realtime → Web Push VAPID nativo del SO

Portal de clientes totalmente independiente con autenticación propia por proyecto (HMAC-SHA256)

Tickets públicos sin login: el cliente reporta con código único, adjunta fotos y el admin los gestiona en tiempo real

Clasificación automática de costos: garantías como egreso, requerimientos y mantenimiento como ingreso

Exportación de reportes en CSV con BOM UTF-8 compatible con Excel directamente desde el navegador

Row Level Security en PostgreSQL + middleware Next.js para protección total de rutas por rol

Actualizaciones en tiempo real via Supabase Realtime con suscripción a cambios en tickets e incidencias

¿Tu empresa necesita digitalizar su gestión?

Construimos tu plataforma SaaS
a medida, desde cero

Si necesitas gestionar incidencias, tickets, clientes, costos o cualquier proceso operativo, lo digitalizamos con tecnología real: Next.js, Supabase, notificaciones push y dashboards analíticos.

Chatea con nosotros