01 — Cross-platform restaurant operations

Chicky Bites Platform

A restaurant ordering and operations system spanning the public web experience, native mobile ordering, and role-specific staff workflows.

  • Web
  • iOS
  • Android

Live · App Store · Google Play

Current Chicky Bites web ordering menu with live restaurant deals
My role

Full-stack, native mobile, product workflow, and backend engineering

Platforms

Web · iOS · Android

Stack

Next.js · TypeScript · React Native · SwiftUI · PostgreSQL · InsForge

Technology topology

04 layers
01

Clients

  • Next.js
  • React Native
  • SwiftUI
02

Language

  • TypeScript
03

Platform

  • InsForge
04

Data

  • PostgreSQL

System relationships · no usage percentages

What needed to work

The restaurant needed one dependable product model across customer ordering, branch controls, kitchen and cashier operations, rider delivery, and public tracking without losing its existing brand identity.

How I approached it

I built a shared InsForge-backed domain for menu, orders, users, locations, vouchers, and status history, then delivered tailored experiences through Next.js, React Native for iOS and Android, and a native SwiftUI client.

01

Enforced role and order-transition rules on the server for super admins, admins, cashiers, riders, and customers.

02

Kept delivery and pickup behavior explicit from menu selection through checkout and tracking.

03

Added rider location publishing only while an assigned delivery is active.

04

Preserved the navy, cream, gold, orange, and red Chicky Bites visual identity across platforms.

Product tour

The core experience, screen by screen.

Swipe through the primary Android and iOS journeys. Account screens are intentionally excluded.

01 / 08

Android

Menu

01
Chicky Bites Android menu showing live restaurant deals
Browse categories, search the catalogue, and add a meal.
iOS

Menu

02
Chicky Bites iOS menu showing the Signature Pizzas category
A native menu view with a different live category selected.
Android

Track

03
Chicky Bites Android order tracking screen
Find an order from its private order code.
iOS

Track

04
Chicky Bites iOS live order tracking timeline
Follow a placed order through its live delivery stages.
Android

Cart

05
Chicky Bites Android empty cart screen
A clear empty state that returns the customer to the menu.
iOS

Cart

06
Chicky Bites iOS populated cart and checkout screen
Review items, totals, and checkout details before ordering.
Android

More

07
Chicky Bites Android branch and support hub
Branch details, direct contact actions, menu download, and feedback.
iOS

More

08
Chicky Bites iOS branch and support hub
The same supporting tools shaped for the native iOS experience.

04 — Outcome

The platform now covers public browsing, cart and checkout, order tracking, management dashboards, staff operations, notifications, and production-ready mobile release workflows across iOS and Android.

  • Web + iOS + Android
  • 5 operational roles
  • 119 seeded menu items
Reading room