Proyecto real · VED.app
VED.app — Panel de gestión operativa para un negocio de distribución
Pedidos, stock, jornadas de trabajo y reparto de beneficios entre socios en una sola app pensada para el móvil.
Rol
Diseño y desarrollo full-stack (frontend, modelo de datos, autenticación y despliegue).
Proyecto de cliente · código privado
01
Contexto
Un pequeño negocio de distribución gestionado por varios socios llevaba pedidos, entregas del proveedor, jornadas con personal por horas, compras de material y el reparto mensual de beneficios con mensajes y notas sueltas.
02
Problema
- Información dispersa entre mensajes y notas sueltas.
- Pedidos que se olvidaban de preparar.
- Sin visibilidad del stock.
- Cierre de mes manual y propenso a errores al repartir ingresos y gastos entre socios.
03
Solución
Una única aplicación, pensada para usarse desde el móvil, que reúne pedidos, stock, jornadas de trabajo, compras y el reparto mensual de beneficios entre socios.
04
Funcionalidades clave
Calendario unificado
Código de color para pedidos, preparaciones, entregas del proveedor, jornadas de trabajo y compras.
Pedidos con varias líneas
Varias líneas de producto, precio por unidad, lugar de entrega, estado (pendiente / en preparación / entregado) y socios participantes por línea.
Stock estimado en tiempo real
Recibido − entregado, con aviso por debajo de un mínimo.
Alertas automáticas
Pedidos que salen en ≤2 días sin preparación y entregas del proveedor retrasadas o sin confirmar.
Jornadas de trabajo
Trabajadores asignados, precio/hora, horas y coste calculado automáticamente.
Compras de material
Registro de compras mensuales, con opción de pagarlas desde un pedido.
Informe mensual automático
Ingresos, gastos, beneficio neto y reparto por socio: ingresos según participación en cada línea de pedido, gastos a partes iguales.
05
Decisiones técnicas
Base de la aplicación
Next.js 16 (App Router) + React 19 + TypeScript.
Datos y seguridad
Supabase (PostgreSQL) con columnas calculadas en base de datos y Row Level Security validada con el JWT de Clerk.
Autenticación
Clerk para el login y sincronización de usuarios con la base de datos.
Capa de datos en cliente
Capa de servicios + hooks con SWR y validación de datos con Zod de punta a punta.
Evolución del modelo de datos
Migración de un producto por pedido a pedidos con varias líneas y participantes por línea, migrando los datos existentes.
Interfaz
Ant Design + Tailwind CSS 4, Recharts para gráficas y navegación inferior en móvil.
06
Stack
- Next.js
- React
- TypeScript
- Supabase
- PostgreSQL
- Clerk
- SWR
- Zod
- Ant Design
- Tailwind CSS
- Recharts
07
Galería de capturas
08
Resultado
VED.app estuvo unos 8 meses en producción y acompañó al negocio desde el inicio de la actividad hasta su cierre. La usaron 6 personas (3 socios y 3 miembros) para gestionar entre 8 y 15 pedidos al mes. Los socios destacaron el tiempo ahorrado en la gestión, que dejó de perderse información y un informe mensual muy detallado y sin errores.