Skip to main content

Web

Tabkha & More — Interactive Digital Menu and CMS

A bilingual interactive menu and restaurant CMS: React on Vite, a Hono API with Neon Postgres and Drizzle, session-authenticated admin, media uploads and a CI pipeline.

Evidence
Verified work
Category
Web
Technologies
Application engineering
Infrastructure
Engineering discipline
Architecture schematic · no published imagery

Overview

A premium interactive digital menu for the restaurant Tabkha & More, reached by QR code, with a restaurant CMS at /admin for dishes, categories and photos. Brand colours, wordmarks and dish names come from the restaurant's own printed material.

Architecture

React 19 and TypeScript on Vite with Tailwind CSS and Motion; a Hono API deployed on Vercel; Neon Postgres through Drizzle ORM; session-authenticated admin with media uploads to Vercel Blob; Arabic RTL and English LTR with Arabic as the default.

Engineering decisions

The public menu falls back to a bundled seed snapshot when the API is unavailable, so a QR scan never shows a blank screen. The seed inserts missing rows only and never overwrites the restaurant's own CMS edits.

Results

GitHub Actions runs install, typecheck, lint, tests and build on every push to the production branch (as documented in the repository).

Web

yazanalsamman.com — Cinematic Portfolio Platform

This website: a bilingual, CMS-driven portfolio with a scroll-driven WebGL narrative, strict performance budgets, accessibility and SEO verification, and a containerised VPS deployment.

Stack

  • Next.js
  • React
  • TypeScript
  • Payload CMS
  • PostgreSQL
  • Three.js / WebGL
  • Tailwind CSS
  • Docker
  • Nginx
  • Performance engineering
  • Web accessibility
  • Internationalization & RTL
  • Automated testing
  • Source
  • Documented: Architecture, Results

Software engineering

Tavola — Multi-Tenant Restaurant Reservation Platform

A multi-tenant SaaS for restaurant reservations, tables, branches and staff: NestJS backend with real-time updates, a Flutter customer app, a React restaurant dashboard and a platform-owner console.

Stack

  • NestJS
  • TypeScript
  • PostgreSQL
  • Prisma
  • Redis
  • BullMQ
  • Real-time systems (WebSockets)
  • Multi-tenant SaaS architecture
  • Authentication & session security
  • Authorization (RBAC)
  • Object storage (S3 / MinIO)
  • Docker
  • Nginx
  • Flutter
  • Dart
  • React
  • Tailwind CSS
  • Internationalization & RTL
  • System design & ADRs
  • Automated testing
  • Source
  • Documented: Problem, Approach, Architecture, Results

Web

Touché Beauty — Bilingual Beauty Store and Workshops

A bilingual (English/Arabic) online beauty store with workshop bookings: catalogue by category, cart, map-based checkout, and an admin dashboard for products, categories, delivery areas, orders and workshops.

Stack

  • React
  • Tailwind CSS
  • PHP
  • MySQL
  • REST API design
  • Internationalization & RTL
  • Interactive maps (Leaflet)
  • Authentication & session security
  • 4 figures
  • Documented: Architecture
Touché Beauty storefront home page — run locally from the project code with its sample catalogue