Portfolizer
Project Header Image

Launch360

VlVladyslav Hryhola
& Astound Digital
2021

E-commerce retail storefront which includes pre-integration with Salesforce B2C Commerce, Salesforce Payments, and Salesforce SFRA. This is the starting point for any new B2C project in the company, often referred to as 'the boilerplate'. On the frontend, we used a custom Vue-like framework, which I worked extensively with — mostly extending component logic and upgrading accessibility. On the backend, we used Commerce Cloud script, which runs on the Rhino engine in the Salesforce context for orders, customers, and product management. A significant portion of the work involved handling transactions from CyberSource, Adyen, Klarna, ApplePay, and others. One more tool that I developed is an advanced repositories management and release tools build on top of default git commands, since there are a lot of linked repositories. Also, a tool which I refactored was sfcc-catalog-reducer - allows to create a smaller version of your real product catalog for development purposes.

Stack

  • Backend: Salesforce
  • Frontend: Custom Framework
  • Engine: Rhino
  • Preprocessor: SASS
  • Templates: ISML

Complexity

  • Repositories Management:
    High
  • Application logic:
    Medium
  • Styling:
    High

Features I worked on

  • 💵 Checkout: Managing checkout flow from adding a product to the cart to receiving an invoice. Processing transactions from CyberSource, Adyen, Klarna, ApplePay, and others.
  • 📃 Product List Page: I worked on refactoring of building product list with advanced pagination filtering, and tile building functionality and more.
  • 👢 Product Details Page: Processing of variation change, managing adding to the card, adding modals and more.
  • 🌲 Advanced Git Commands: tools for executing multiple git commands in many repositories at the same time, managing release tags and generation of changelog.
  • 📝 Unit Tests: I significantly increased unit test coverage and implemented helpers to make testing easier.
  • 🔀 sfcc-catalog-reducer: reduce xml product catalog so you can use it on your sandbox.