Storefronts
2024 — Presente

Restaurant23

Plataforma Digital de Restaurante

Storefront de restaurante en producción — ~16.8K líneas en 65 archivos. Carta digital con 14 alérgenos UE, motor de reservas en tiempo real, CRM VIP de 6 niveles, 24 rutas (ES/EN), panel admin de 8 páginas e integración con Cadences.

Año

2024 — Presente

Rol

Full-Stack Developer

Tecnologías

7 tecnologías

El Desafío

  • Los restaurantes necesitan más que una web básica — cartas digitales con seguimiento de alérgenos, reservas con disponibilidad en tiempo real y comunicación automatizada
  • Locales multi-espacio requieren gestión de salas/mesas con restricciones de capacidad, configuración de horarios por día/servicio y disponibilidad basada en calendario
  • La retención de clientes exige un CRM con niveles VIP, preferencias dietéticas, tracking de gasto y campañas de cumpleaños/aniversario

El Enfoque

  • Storefront Astro SSG con islas React para componentes interactivos (formulario de reservas, paneles admin) — conectado a Cadences como backoffice único
  • Motor de disponibilidad en tiempo real (211 líneas) calculando slots desde capacidad de sala, reservas existentes y configuración de horarios
  • Patrón storefront template: auto-setup crea 7 proyectos DATA_TABLE con schemas + datos semilla (~1.010 líneas de código de setup)
  • Design system custom: paleta naranja cálido/verde oliva, tipografía Playfair Display + Inter, responsive mobile-first

La Solución

  • ~16.8K líneas en 65 archivos — 24 rutas (9 ES + 9 EN + 8 admin), 19 componentes, 8 islas React
  • Carta digital con 15 categorías de platos, 14 iconos de alérgenos UE, etiquetas dietéticas, medias raciones, sugerencias de maridaje y flags de temporada
  • Sistema de reservas: formulario multi-paso (659 líneas), códigos de confirmación (RSV-XXXXX), 8 tipos de estado, 8 canales de origen, pre-pedido, prepago/depósito
  • CRM VIP de 6 niveles (Standard → Elite) — 874 líneas de gestión de clientes con prefs dietéticas, historial de gasto, tracking cumpleaños/aniversario, lista negra
  • Panel admin de 8 páginas (4.731 líneas TSX/Astro): dashboard KPIs, calendario de reservas, CRUD salas/horarios, gestor de carta/menús, CRM de clientes
  • Sistema de menús: diario, degustación, especial, grupo, brunch, infantil — con platos, precios y opciones de maridaje
  • Gestión de salas/espacios: capacidad mín/máx, mesas, sillas, ambiente, features, plano — con polling en tiempo real (hook usePolling)
  • i18n completo: 789 líneas de traducciones en 13 secciones, URLs localizadas, formateadores fecha/hora/precio, resolución de locale en campos DB
  • 6 endpoints backend API: check disponibilidad, CRUD reservas, dashboard admin, CRUD datos — con triggers de workflow al crear reserva

Resultados Clave

  • ~16.8K líneas en 65 archivos con soporte bilingüe ES/EN completo
  • Motor de reservas en tiempo real con capacidad de sala y horarios
  • CRM VIP de 6 niveles con 874 líneas de gestión de clientes
  • Tracking de 14 alérgenos UE con iconos emoji en catálogo de platos
  • Panel admin de 8 páginas con vista calendario y polling en tiempo real
  • Confirmaciones con trigger de workflow al crear reserva

Tecnologías

Astro 4.x React 18 Tailwind CSS 3.4 TypeScript 5.6 Cloudflare Pages D1 date-fns
$ cat project.json
{
"name": "Restaurant23",
"status": "production",
"stack": [7],
"url": "restaurant23.cadences.app",
"results": [6]
}