← Volver a la Wiki

menú virtual,web

Portfolio6/13/2026

🍽️ Sistema Deleite Oriental v3.0 – Menú Virtual SaaS

📌 Descripción breve

Aplicación Full-Stack SaaS para la gestión integral de restaurantes. Incluye un Menú Virtual interactivo (PWA) para clientes y un Panel Administrativo con módulos de finanzas, inventario, reservas y fidelización. Diseñado con enfoque multi-tenant y preparado para escalar en producción.

🏗️ Arquitectura y Tecnologías

  • Frontend SolidJS: Renderizado reactivo de grano fino, componentes modulares, CSS3 mobile-first.
  • PWA con Service Workers: Funciona offline, cachea assets e imágenes, soporta instalación en dispositivos móviles.
  • Backend en Go + Fiber: API REST ultrarrápida, integración con WebSockets para tiempo real.
  • Base de datos MySQL: Arquitectura multi-tenant con aislamiento seguro de datos.
  • Infraestructura Docker Swarm: Orquestación de servicios, Nginx como reverse proxy, despliegue en servidores Debian.

🌟 Funcionalidades principales

  • Menú Virtual interactivo:

    • Visualización de platos con imágenes optimizadas en WebP.
    • Carrito de compras y pedidos en tiempo real.
    • Estado dinámico de la tienda (horarios, cierres forzosos, días libres).

  • Sistema de Reservas:

    • Reservas públicas y privadas.
    • Integración con calendario del administrador.
    • Compatibilidad cross-browser con showPicker() y fallback seguro.

  • Módulo de Fidelización:

    • Tarjetas virtuales accesibles por URL.
    • CRUD de premios con edición en línea.
    • Manejo de errores robusto con ErrorBoundary.

  • Panel Financiero:

    • Sistema de partida doble.
    • Transacciones ACID con GORM.
    • Aislamiento por owner_id para multi-tenant.

  • Push Notifications:

    • Envío segmentado y recurrente.
    • Integración con cronjobs en Go.

⚡ Render y UX

  • SSR + CSR híbrido: SSR para páginas públicas (SEO, carga rápida) y CSR para módulos internos (admin, fidelización).
  • Suspense y Skeleton Loaders: Renderizado progresivo para evitar pantallas bloqueantes.
  • Optimistic UI y Drag & Drop fluido: Experiencia de usuario sin flickering.
  • Mobile-first CSS3: Interfaces adaptadas a móviles y escalables a escritorio.

🚀 Valor para portfolio

Este proyecto demuestra:

  • Dominio de SolidJS y PWA.
  • Diseño de arquitecturas escalables con Docker Swarm.
  • Integración avanzada de backend en Go con MySQL.
  • Buenas prácticas de UX y resiliencia en producción.

👉 Con esta explicación, tu portfolio refleja un proyecto empresarial completo, mostrando tanto la parte técnica como la experiencia de usuario.
dominio,enlace a sitio: https://deleiteoriental.info.bo/