Plataforma SaaS multi-tenant para la gestión y distribución de menús y catálogos digitales interactivos mediante códigos QR, orientada al sector gastronómico.
🎯 Objetivo
Desarrollar una infraestructura SaaS web responsive que permita a cualquier restaurante o negocio de alimentos crear, administrar y compartir su menú digital de manera profesional, con gestión de pedidos en tiempo real y un modelo de suscripción gestionado por Wompi.
⚙️ Stack Tecnológico
| Capa | Tecnología |
|---|---|
| Framework | SvelteKit 5 (Runes) |
| Lenguaje | TypeScript |
| Base de Datos | Supabase (PostgreSQL + RLS + Realtime) |
| Pagos | Wompi (Suscripciones y Órdenes) |
| Correos | Nodemailer (SMTP configurable) |
| UI Standard | Corporate SaaS (Linear/Stripe style) |
| Deploy | Vercel (adapter-auto) |
🏗️ Arquitectura de Niveles
- Nivel 1 – Staff / Super Admin: Control total del ecosistema SaaS, merchants, planes y soporte.
- Nivel 2 – Merchant Admin: Panel de gestión para dueños de negocio (catálogo, pedidos, configuración).
- Nivel 3 – Customer (Menú Público): Interfaz accesible vía QR para el usuario final.
📦 Funcionalidades Implementadas
Staff (Super Admin)
- Dashboard maestro con métricas (MRR, comercios activos, órdenes 24h)
- Gestión de comercios (CRUD, asignación de planes)
- CRM de clientes (dueños de negocios, suscripciones, estados)
- Historial de suscripciones Wompi
- CRUD de planes SaaS con límites y precios
- Configuración global (pagos, SMTP, WAHA, Chatwoot)
- Sistema de tickets de soporte
Merchant Admin
- Dashboard con métricas del negocio
- CRUD de negocios con onboarding guiado
- Gestión de catálogo (categorías + productos)
- Kanban de pedidos con Drag & Drop y tiempo real
- Edición inline de pedidos (items, cliente, pago, dirección)
- Propuestas de cambio en pedidos (aprobar/rechazar)
- Comunicación WhatsApp manual (wa.me con plantillas)
- Generador de QR con tarjeta descargable (PNG)
- Reportes de ventas con exportación CSV
- Configuración de pasarela Wompi propia (B2C)
- Suscripción y facturación
- Soporte interno (tickets y FAQs)
Customer (Menú Público)
- Menú digital responsive mobile-first
- Carrito de compras con notas especiales
- Checkout con datos de entrega
- Integración de pagos Wompi
- Tracking de estado de pedido
🎨 Sistema de Diseño
Estilo Corporate SaaS (Linear/Stripe): denso, limpio, basado en bordes.
- Base font: 15px (Inter)
- Max font-weight: 600
- Max border-radius: 10px
- Bordes:
1px soliden lugar de sombras - Iconografía:
@lucide/svelte
🔗 Documentación Relacionada
- index
- Documentación de Procesos
- Sistema de Diseño y Estándares de Desarrollo
- Modelo Entidad Relación (MER)
- Backlog
- Changelog