Kitchef
Kitchef unifies recipe discovery with on-demand grocery delivery, synchronizing ingredients, live order tracking, and in-app chat between customer and driver apps.
Problem Statement
Preparing meals can often be a hassle when it involves sourcing specific ingredients from multiple stores. Users need an all-in-one platform that simplifies discovering recipes and shopping for the exact groceries needed without worrying about logistics.
Technical Challenge
Building an interconnected ecosystem consisting of two applications for customers and drivers. This required managing real-time data synchronization for order tracking and live chat to ensure seamless communication and status updates.
Recipe-Driven E-Commerce
At its core, the app functions as a specialized e-commerce platform. Users can search and filter recipes based on dietary preferences and instantly add all required ingredients directly to their shopping cart, turning culinary discovery into an effortless shopping experience.
Seamless Cart & Checkout Flow
After selecting recipes, the system automatically aggregates quantities in the cart. Users review their items through a frictionless checkout flow, with Midtrans securely handling payment processing before the order is dispatched to couriers.
Real-Time Order Dispatch & Alerts
Once checkout completes, the backend dispatches order alerts instantly to available drivers. Couriers receive rich in-app push notifications detailing package contents, delivery routes, and immediate accept or decline actions.
Live GPS Delivery Tracking
Customers track courier location and delivery progress live on an interactive map. Continuous GPS telemetry streams from the driver app to the customer app, providing real-time arrival estimates and complete order transparency.
Two-Way Synchronized Live Chat
An embedded communication channel connects customers directly with their couriers. Both parties coordinate delivery details, address landmarks, or ingredient substitutions instantaneously without leaving the application.
The Result
Successfully launched a fully integrated dual-mobile application ecosystem. It provides an end-to-end e-commerce service from recipe discovery and integrated payments via Midtrans to delivering groceries right to the user's doorstep.
Lessons Learned
Managing state synchronization and real-time features like tracking and chat across two separate applications requires a robust backend architecture. I learned that optimally integrating third-party services like TalkJS and Google Maps is critical to ensure the user experience remains synchronous and reliable.
More Projects
Flowboard
Flowboard enables real-time team collaboration through synchronized boards, live user presence, inline discussions, and optimistic UI updates.
Venu
Venu handles high-traffic ticket drops across independent frontend applications, covering simulated waiting rooms, interactive seat selection, and digital ticket checkout.
Loka
Loka provides a shared UI foundation for Venu, establishing centralized design tokens, accessible components, and fluid micro-interactions across independent web apps.
Janji Sehat
Digitizing patient bookings through passwordless OTP authentication and real-time scheduling.
