← Volver al portafolio
React · TypeScript · MVC · KPIs · Exportación
Metrix — Suite de Gestión Empresarial
Suite SPA con dashboard de métricas, gestión de pedidos y clientes,
gráficos en tiempo real y exportación de reportes.
¿Qué hace este sistema?
Metrix concentra la operación comercial en una sola aplicación: registra
pedidos y clientes, calcula KPIs y gráficos a partir de esos datos y permite filtrar,
buscar y exportar información. Usa arquitectura MVC estricta y persiste los datos en
el navegador para que puedas explorar el flujo completo sin backend.
Qué puedes hacer en la demo
- Visualizar KPIs: ingresos, pedidos, ticket promedio y tendencias
- Consultar gráficos de ventas y distribución por estado
- Crear, editar y eliminar pedidos con validaciones
- Gestionar clientes con búsqueda, filtros y paginación
- Filtrar pedidos por estado, fecha o cliente
- Exportar dashboard, pedidos o clientes en PDF o Excel
React RouterSVG ChartslocalStorage
Guía rápida de uso
-
Abre el dashboard
Al entrar verás KPIs y gráficos calculados con datos de ejemplo precargados.
-
Explora pedidos
Navega a Pedidos, filtra por estado y edita o crea un pedido nuevo.
-
Administra clientes
En Clientes, busca registros, añade uno nuevo o actualiza datos de contacto.
-
Observa los KPIs
Vuelve al dashboard: los indicadores se actualizan según tus cambios.
-
Exporta un reporte
Usa el menú «Exportar» en Dashboard, Pedidos o Clientes.
Nota sobre acceso
No requiere login. Los datos de demo se cargan automáticamente y puedes modificarlos libremente;
se guardan en localStorage de tu navegador.
¿Listo para probarlo?
Entra directo al dashboard y explora la suite completa de gestión empresarial.