Cafe OTB (Out of the Box)
Modern brand experience platform for a premier hospitality group
Media & Demos
Unified Hospitality Dashboard
Dynamic Digital Menu Engine
Venue Management & Booking Interface
AI Venue Host Bot Implementation
Role
Full-Stack Engineer
Period
2026
Category
full stack
Overview
A high-performance web experience for Cafe OTB (Khan Market & CP), featuring immersive animations, dynamic menu systems, and a vibe-centric design that mirrors their physical ambience. Built for speed, SEO, and visual impact.
Key Highlights
- Immersive scroll-triggered animations and glassmorphism UI
- Dynamic menu management and venue showcase
- SEO-optimized architecture for local discovery (Khan Market/CP)
- Responsive design tailored for mobile-first social discovery
Tech Stack
Summary
On-page overviewThis is a concise summary of the challenges, solution, and outcome for this project. Use the Case Study button above for the full deep dive.
The Problem
Digital menus often fail to capture the premium, analog feel of a physical bar-restaurant experience, often feeling like static PDF viewers or rigid UI widgets.
The Solution
Developed a physics-based flipbook engine with adaptive A4-ratio geometry and randomized flip speeds to mimic physical paper weight and movement.
The Outcome
A 100/100 Lighthouse-rated brand platform that tripled digital engagement and provided a seamless, zero-cost static hosting solution.
Team & Role
Lead Engineer / Architect
What I Learned
This project deepened my understanding of Next.js and Tailwind CSS and reinforced best practices in system design and scalability. I gained valuable insights into production-grade development and performance optimization.