Back to Projects
Health & Beauty E-CommerceICUBE by SIRCLO

Guardian Indonesia

Health and beauty e-commerce platform for Guardian Indonesia, enabling customers to browse and purchase skincare, cosmetics, personal care, healthcare, vitamins, supplements, and daily wellness products through a seamless digital shopping experience.

Role
Associate Software Engineer
Timeline
November 2021 – February 2023

The Challenge

Guardian Indonesia needed a reliable digital commerce experience for health and beauty customers, covering a wide range of products such as skincare, cosmetics, personal care, healthcare, vitamins, supplements, and wellness products.

The challenge was to support a smooth shopping journey across mobile and web platforms, while keeping product browsing, cart, checkout, and account-related flows responsive and easy to use for retail customers.

Tech Stack

React NativeNext.jsJavaScriptTypeScriptGraphQLJest

Technical Implementation

  • Cross-Platform E-Commerce Experience

    Developed and maintained commerce features across mobile and web platforms, helping customers browse products, view product details, manage cart items, and continue through the shopping flow smoothly.

  • Product Catalog Integration

    Integrated product catalog data using GraphQL, enabling efficient data retrieval for product lists, product details, pricing, promotions, and category-based browsing.

  • Reusable UI Components

    Built reusable frontend components for common e-commerce patterns such as product cards, category sections, banners, cart items, and checkout-related interfaces.

  • Performance-Oriented Frontend

    Optimized frontend rendering and data fetching patterns to improve responsiveness, especially for product listing pages and image-heavy shopping experiences.

  • Unit Testing with Jest

    Created and maintained unit tests using Jest to improve code quality, reduce regression issues, and support safer feature development across the e-commerce platform.

const GET_PRODUCTS = gql`
  query GetProducts($categoryId: String!, $pageSize: Int!, $currentPage: Int!) {
    products(
      filter: { category_id: { eq: $categoryId } }
      pageSize: $pageSize
      currentPage: $currentPage
    ) {
      items {
        id
        name
        sku
        url_key
        small_image {
          url
        }
        price_range {
          minimum_price {
            final_price {
              value
              currency
            }
          }
        }
      }
    }
  }
`;

Impact & Results

The Guardian Indonesia e-commerce platform helped deliver a more accessible digital shopping experience for health and beauty customers, supporting product discovery and online purchasing across mobile and web channels.

1
Health & Beauty Platform
2
Mobile Platforms