Saltar al contenido
SaaS / Plataforma web

QuickMenu — SaaS de menús digitales

2026
Desarrollador full stack
QuickMenu — SaaS de menús digitales

Descripción del proyecto

QuickMenu es un sistema multi-tenant para menús digitales de restaurantes. Cada restaurante se registra (con aprobación del administrador), gestiona sus platos y categorías desde un panel propio, y personaliza el diseño de su carta eligiendo entre varias plantillas o una a medida, con vista previa en tiempo real. El menú público se sirve por slug o código QR, optimizado para móvil. Incluye subida de imágenes con compresión en el navegador y almacenamiento en Cloudinary, reordenamiento de categorías por drag & drop, y modo claro/oscuro.

Características principales

Multi-tenant: cada restaurante tiene su propio panel, platos, categorías y estilos, aislados por tenant

Registro público de restaurantes con flujo de aprobación por un administrador

Editor de estilos con más de diez plantillas predefinidas y vista previa en tiempo real del menú público

Generación de código QR para compartir el menú público, servido por slug único

Subida de imágenes con compresión en el navegador (browser-image-compression) y almacenamiento en Cloudinary

Reordenamiento de categorías por drag & drop con dnd-kit

Autenticación con NextAuth.js v5 (Credentials) y adaptador de Prisma

Suite de pruebas con Vitest / Testing Library y Playwright para end-to-end

Desafíos y soluciones

Aislamiento de datos por restaurante (multi-tenant)

Todo el modelo de datos y las consultas debían quedar acotadas al tenant de la sesión activa, sin filtrar platos o estadísticas entre restaurantes distintos que comparten la misma base de datos.

Vista previa de estilos en tiempo real

El editor de plantillas necesitaba reflejar cada cambio de color, tipografía o plantilla en una vista previa fiel al menú público real, sin recargar la página ni duplicar la lógica de renderizado entre el editor y la página pública del menú.

Capturas de pantalla

QuickMenu — SaaS de menús digitales — 1
QuickMenu — SaaS de menús digitales — 2
QuickMenu — SaaS de menús digitales — 3

Tecnologías utilizadas

Next.js 16React 19TypeScriptTailwind CSS 4HeroUI v3Prisma ORM 7PostgreSQLNextAuth.js v5Cloudinarydnd-kitreact-hook-formqrcodeVitestPlaywright
Desarrollado con por Alexei Hernández
© 2026 Todos los derechos reservados