Storefronts
2024 — Present Restaurant23
Digital Restaurant Platform
Production-grade restaurant storefront — ~16.8K lines across 65 files. Digital menu with 14 EU allergens, real-time reservation engine, 6-tier VIP CRM, 24 routes (ES/EN), 8-page admin panel, and Cadences backend integration.
Year
2024 — Present
Role
Full-Stack Developer
Tech Stack
7 technologies
The Challenge
- Restaurants need more than a basic website — digital menus with allergen tracking, real-time availability reservations, and automated customer communication
- Multi-space venues require room/table management with capacity constraints, schedule configuration per day/service, and calendar-based availability
- Customer retention demands a CRM with VIP tiers, dietary preferences, spend tracking, and birthday/anniversary campaigns
The Approach
- Astro SSG storefront with React islands for interactive components (reservation form, admin panels) — connected to Cadences as single backoffice
- Real-time availability engine (211 lines) calculating slots from room capacity, existing reservations, and schedule configuration
- Storefront template pattern: auto-setup creates 7 DATA_TABLE projects with schemas + seed data (~1,010 lines of setup code)
- Custom design system: warm orange/olive green palette, Playfair Display + Inter typography, mobile-first responsive
The Solution
- ~16.8K lines across 65 files — 24 routes (9 ES + 9 EN + 8 admin), 19 components, 8 React islands
- Digital carta with 15 dish categories, 14 EU allergen icons, dietary labels, half portions, wine pairing suggestions, and seasonal flags
- Reservation system: multi-step form (659 lines), confirmation codes (RSV-XXXXX), 8 status types, 8 source channels, pre-order items, prepayment/deposit support
- 6-tier VIP CRM (Standard → Elite) — 874 lines of customer management with dietary prefs, spend history, birthday/anniversary tracking, blacklist
- 8-page admin panel (4,731 lines TSX/Astro): dashboard KPIs, reservation calendar, rooms/schedules CRUD, carta/menus manager, customer CRM
- Set menu system: daily, tasting, special, group, brunch, kids — with courses, pricing, and wine pairing options
- Room/space management: capacity min/max, tables, chairs, environment, features, floor plan — with real-time polling (usePolling hook)
- Full i18n: 789 lines of translations across 13 sections, localized URLs, date/time/price formatters, DB field locale resolution
- 6 backend API endpoints: availability check, reservation CRUD, admin dashboard, data CRUD — with workflow triggers on reservation creation
Key Results
- ~16.8K lines across 65 files with full ES/EN bilingual support
- Real-time reservation engine with room capacity and schedule awareness
- 6-tier VIP CRM with 874 lines of customer management
- 14 EU allergen tracking with emoji icons across dish catalog
- 8-page admin panel with calendar view and real-time polling
- Workflow-triggered confirmations on reservation creation
Tech Stack
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]
}