HYPERMART

Online Grocery Shopping - React Native

React Native Developer
HYPERMART
3
Delivery Options
3+
Payment Methods
iOS & Android
Platform
Indonesia
Store Chain

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

React NativeTypeScriptREST APIsPayment GatewayQR/Barcode ScannerPush Notifications

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.

HYPERMART architectureArchitecture diagram

Integrations & Custom Features

QRIS Payment
Credit/Debit Gateway
E-Payment Wallets
QR/Barcode Scanner
Push Notifications
Order Tracking API

Screenshots

HYPERMART screenshot 1
HYPERMART screenshot 2
HYPERMART screenshot 3
HYPERMART screenshot 4
1 / 3