Resume
Next.jsNext.js
Tailwind CSSSCSS
ReduxRedux

House of Beef

Streamlined POS system for meat retail
Project Gallery
ProjectDetails.houseofbeef.screenshots.landing.title
ProjectDetails.houseofbeef.screenshots.landing.title

Landing Page

The landing page showcasing banners, product categories and live products

ProjectDetails.houseofbeef.screenshots.checkout.title
ProjectDetails.houseofbeef.screenshots.checkout.title
ProjectDetails.houseofbeef.screenshots.checkout.title
ProjectDetails.houseofbeef.screenshots.checkout.title

Checkout Flow

The checkout flow with address input, order details, and payment options.

Overview

A comprehensive custom POS system designed specifically for meat retailers, featuring live product management, integrated payments, and efficient order processing.

Key Features
  • Manually controlled live product listings for TikTok sessions
  • Product catalog with cart and dynamic checkout flow
  • Cascading address input using regional location API
  • Integrated couriers: Paxel and Lalamove
  • Payment gateway integration via Xendit
  • Order tracking and refund/resend request system
My Role

As the frontend developer, I was responsible for the entire frontend components and integration with backend APIs.

Challenges & Solutions

Regional Address Complexity

Indonesia's address system has multiple levels of regions (province, city, district, village).

Solution: Implemented a cascading address input system that dynamically loads sub-regions based on user selection.

GitHub