Grilax Restaurant App
Back to Portfolio
Restaurant / UI

Grilax Restaurant App

A premium restaurant platform with geolocation tracking and an automated WhatsApp reservation system.

Case Study

Grilax is a premium, interactive web application built for an authentic Kerala cuisine restaurant. This platform integrates real-world utilities—including geolocation distance calculations and an automated WhatsApp reservation system—to deliver a frictionless end-to-end user experience, wrapped in a visually striking modern UI.

The app uses the browser's Geolocation API to instantly calculate the user's exact distance from the restaurant and provides one-click routing to Google Maps. The integrated booking system captures details like date and party size, formatting them into actionable WhatsApp messages sent directly to management.

Visuals

Grilax Restaurant App view 1
Grilax Restaurant App view 2
Grilax Restaurant App view 3
Grilax Restaurant App view 4
Grilax Restaurant App view 5
Grilax Restaurant App view 6

Key Features

📍 Geolocation & Distance Tracking (Browser Geolocation API)
📱 Integrated WhatsApp Booking/Reservation System
✨ Scroll-Triggered animations (RevealOnScroll)
🍽️ Interactive Categorized Menu with dynamic tagging
🎨 Glassmorphism & Micro-Interactions for premium UX
📱 Fully Responsive mobile-first Architecture

Technologies

React 19Tailwind CSS v4Geolocation APIWhatsApp APILucide ReactVite