Akbar
Production-grade food ordering platform — built for a real restaurant, live in Japan.
Overview
Technologies
Screenshots
Features
Real-time Order Tracking
Live status updates delivered via Socket.IO WebSocket. Customers watch their order move from Placed to Cooking to Ready without ever refreshing the page. The kitchen dashboard updates simultaneously.
Phone OTP Signup
SMS-verified account creation via Twilio. Customers register with a phone number and password; a one-time code confirms they are real. Once verified they are signed in and ready to order.
Stripe Payments
Full Stripe integration for secure card processing, with cash-on-delivery as a fallback. Handles payment intent creation, confirmation, and graceful error recovery.
6-Step Order Customisation
A multi-step modal guides customers through quantity, spice level, required add-ons, optional add-ons, and special instructions before adding an item to the cart.
Admin Dashboard
A complete back-office panel for managing live orders, menu items, categories, store hours, delivery zones, and customer data — all updated in real time.
Mobile-First Responsive
Designed for phones first. Fully responsive from 260 px to 1400 px+ with distinct layouts: bottom navigation on mobile, horizontal header on desktop.
Outcome
Akbar's website went from a static information page to a fully operational online ordering system. Customers can now place and track orders directly on the restaurant's site, and the kitchen team manages everything through a live dashboard — eliminating third-party delivery apps and giving the restaurant full control over the ordering experience.