Skip to content
M Abdurahman B
← Back to Selected Work

04 / Selected work / commerce interface

Sabila Mall

Frontend delivery for a live commerce application, from account flows through checkout.

Role
Front-End Developer
Project type
Commerce application
Status
Completed · operated live
Screenshot of the Sabila Mall storefront

Context

A broad commerce surface

Sabila Mall is a commerce application where I contributed frontend functionality as Front-End Developer. The implemented frontend functionality was integrated into and operated as part of the live application.

Commerce flows

Product and cart interactions

  • Product-detail and product-information UI, including related products
  • Cart functionality for adding products, changing quantities and adding notes before checkout
  • Shipment and receipt tracking

Account / API flows

Account and address data

  • Login and reset-password pages
  • Address management and account upgrades using API data

Checkout / rewards

The final handoff into purchase

  • Checkout flow covering address selection and total price
  • Point-rewards page using API data

Repository surface

Technology Stack

  • Next.js
  • React
  • Chakra UI
  • Emotion
  • Framer Motion
  • React Icons

Outcome

Frontend functionality operated live

The implemented frontend functionality was integrated into and operated as part of the live application.

Project actions

Continue with the project

Next project / 01

SxC International Summit ↗An event digital platform for summit information and event registration.

M Abdurahman Basyah

Full-Stack Engineer