CLIENT PROJECT Live Site ↗

Akbar

Production-grade food ordering platform — built for a real restaurant, live in Japan.

A full food ordering system integrated directly into Akbar's restaurant website. Customers can create an account, browse the menu, customise their order, and pay securely — all within the web app. Store staff have a dedicated dashboard to receive and manage incoming orders in real time. As each order moves through the kitchen, live status updates reach the customer's screen instantly.

Live at akbar.co.jp.

Akbar food ordering platform screenshot

Overview

Type
Client Project — Production Web App
Status
Live at akbar.co.jp
Role
Full-stack Development & System Design

Technologies

Backend
  • Python 3.12
  • Flask
  • SQLAlchemy
  • Flask-Login
  • Flask-Mail
  • Flask-CORS
Frontend
  • JavaScript
  • jQuery
  • Jinja2
  • HTML5
  • CSS3
Real-time & Payments
  • Socket.IO
  • WebSocket
  • Stripe
  • Twilio SMS OTP
Infrastructure
  • Nginx
  • SSL / HTTPS

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.

Let's build something together.

Whether it's a new product, a film project, or digital strategy consulting.

Get in touch