HYPERMART
Online Grocery Shopping - React Native

Overview
Built a full-featured online grocery shopping app for Hypermart, one of Indonesia's largest hypermarket chains. The app lets customers order groceries for same-day or scheduled delivery, pick up in-store, manage recurring shopping lists, browse promotions, and scan products - all from a single React Native interface.
My Role & Contributions
- 01Developed a full-featured grocery e-commerce app for Hypermart supporting Express, Next Day, and Park & Pick Up delivery modes
- 02Integrated multiple payment methods including Credit/Debit card, E-Payment wallets, and QRIS via a unified payment gateway
- 03Built a product search and barcode/QR scanner feature using the device camera for instant product lookup in-store and online
- 04Implemented a monthly shopping list feature allowing users to save and reorder frequently purchased products
- 05Surfaced active promotions dynamically on the home screen to drive engagement and conversion
Tech Stack
System Architecture
React Native app backed by a RESTful e-commerce API handling product catalog, cart, and order management. Delivery scheduling (Express, Next Day, Park & Pick Up) is handled through a fulfillment service. Payment flows integrate Credit/Debit card, E-Payment wallets, and QRIS. The barcode/QR scanner uses the device camera to look up products in real time. Push notifications keep users updated on order status and active promotions.
Architecture diagramIntegrations & Custom Features
Screenshots



