Client Requirements & Challenges

Munchd set out to create an intuitive, user-friendly food ordering platform that connects customers with restaurants, allowing them to browse menus, place orders, and track deliveries in real-time. The client required:

A mobile application (iOS & Android) for a streamlined and engaging ordering experience.
A headless website that seamlessly syncs restaurant menus, availability, and delivery configurations.
A custom backend to handle order processing, restaurant management, and automated payments.
A real-time tracking system to keep customers informed about their order status.
A scalable architecture that enables multiple restaurants to join the platform without requiring them to redesign their existing websites.

Challenges Identified

The main challenges included:

Dynamic menu management – Each restaurant needed to manage its own menu updates independently while ensuring synchronization with the Munchd platform.
Real-time order tracking – The system had to provide customers with live updates on their order status from acceptance to delivery.
Seamless restaurant integration – Restaurants should not need to modify their existing websites or backend infrastructure.
Complex payment processing – Handling payments through Square, while ensuring Apple Pay compliance on iOS.

Our Solution

To address these challenges, our team developed a robust, scalable digital ecosystem using Wix Headless, Wix Blocks, Velo, Swift UI and Kotlin.

1. Wix Headless & Velo for Web Platform

Munchd’s web platform was built using Wix Headless CMS, allowing restaurant owners to manage their menus and configurations without needing to modify their existing websites.

Menu Synchronization:

Wix Blocks was used to develop a custom plugin that restaurants could install on their own websites.
This plugin automatically syncs menu updates, pricing changes, and availability with the Munchd platform.

Order Management System:

Orders are processed through a custom backend (built with Velo) that communicates with restaurant-specific dashboards.
A hidden order management page was created for restaurants where they could accept or decline orders, triggering automated refunds when necessary.
Orders were pushed into the Wix Restaurant system, allowing restaurants to view them in the Wix Owner App without additional logins.

Restaurant Availability & Delivery Configurations:

Each restaurant's business hours, delivery zones, and holiday schedules are managed dynamically using Wix Blocks, ensuring accurate ordering availability.

2. Mobile App Development – Native iOS & Android Experience

The mobile app was designed to offer an engaging and frictionless food ordering experience with Swift UI (iOS) and Kotlin (Android).

User Authentication & Profiles

Single Sign-On (SSO) allowing customers to log in using Google, Apple, or email.
Profile customization with saved addresses, order history, and reordering functionality.

Menu Browsing & Customization

Dynamic search and filtering: Users can find restaurants based on name, cuisine, location, or dietary preferences.
Detailed menu displays: Menus include high-quality images, dish descriptions, and add-on options, all synced in real-time from restaurant websites.

Real-Time Order Tracking

Orders follow a status progression system: Accepted → In Progress → Out for Delivery → Delivered.

Interactive Features & Personalization

Favorites & Reordering: Users can save restaurants and past orders for quick reordering.
Map-Based Search: Customers can enter their postcode to find the nearest available restaurants.
Discounts & Loyalty: Restaurants can create custom promotions, and users can earn rewards for repeat purchases.

3. Real-Time Order Processing & Payment System

A critical part of Munchd’s functionality was its ability to process payments securely and efficiently while ensuring restaurants received payments directly.

Seamless Payment Integration with Square API

Restaurants handle their own transactions – Munchd receives the order, but payments are routed directly to individual restaurant accounts via Square API.
Apple Pay Compliance: A workaround was required because Apple enforces the use of its payment system on iOS. Instead of changing API keys dynamically (which isn’t allowed on Apple Pay), a centralized payment system was implemented for compliance.

Automated Refunds & Order Management

If a restaurant declines an order, an instant refund is issued through Square.
The refund is automatically triggered in the backend without requiring manual intervention.

Admin Dashboard for Order & Commission Tracking

A custom Munchd dashboard allows administrators to monitor orders, reconcile commissions, and manage sponsored listings.
Sponsored listings allow restaurants to increase their visibility in search results.

4. Custom API Development for Mobile & Web Synchronization

To ensure seamless synchronization between the web platform and mobile apps, a set of RESTful APIs was developed.

Wix CMS for Authentication & Data Management

If feasible, the APIs leverage Wix’s built-in CMS for authentication and data management.

Automated Menu Updates

When a restaurant updates its menu on its own website, the changes are reflected on Munchd’s platform and mobile app in real-time via the custom API.

Integration with Order Printing Systems

Munchd was integrated with two major restaurant order printing systems, allowing restaurants to receive and process orders automatically.
This reduces manual entry errors and streamlines kitchen operations.

Results & Impact

By implementing this scalable and highly automated solution, we achieved:

Seamless onboarding of multiple restaurants – Each restaurant can integrate with Munchd without modifying their existing websites.
Frictionless customer experience – Users can browse menus, place orders, and track deliveries with real-time updates.
Automated payment processing & refunds – Ensuring secure, efficient financial transactions with Square API and Apple Pay compliance.
Real-time synchronization across web and mobile – Ensuring menus, orders, and payments are always up to date.
Scalable, headless architecture – Allowing Munchd to expand effortlessly into new markets and onboard additional restaurants.

Technologies Used

Backend Server and API Design

The backend was designed to be robust and scalable. Using token-based authentication (with short-lived access tokens and longer-lived refresh tokens) provided both security and seamless user experience. Every API endpoint—from managing user profiles to processing orders—was built to conform to strict JSON schema standards, ensuring consistency across backend, web, and mobile layers.

Mobile Application Architecture

iOS Implementation (MVC):

The iOS app was built in Swift uses the Model-View-Controller architecture.

Model Layer: Employs Swift’s Codable protocol for reliable JSON encoding/decoding.
View Layer: Built with UIKit and SwiftUI for flexibility and rapid prototyping.
Controller Layer: Manages user interactions and application flow, including a dynamic splash screen powered by AVFoundation to reinforce brand identity.
This separation of concerns facilitates easy maintenance and future expansion.

Android Implementation (MVVM with Clean Architecture):

The Android app was built in Kotlin uses the Model-View-ViewModel pattern integrated with Clean Architecture principles.

Modularization: Divides responsibilities across App, Domain, and Data modules, ensuring business logic is isolated from presentation layers.
Dependency Injection: Koin is utilized to manage dependencies, improving code readability and testability.
Navigation: A single-activity approach with Jetpack Navigation Component enables efficient deep linking (e.g., OAuth callbacks, order status updates).
This design choice promotes a highly modular and testable codebase.

Mobile app PORTFOLIO

CONTACT US